The controls attribute on a <video> tag specifies that the video player will display its media controls.
These controls allow users to interact with features like play, pause, track, volume, etc.
A <video> element with a controls attribute.
<video width="320" height="240" controls>
<source src="/media/movie.mp4" type="video/mp4">
<source src="/media/movie.ogg" type="video/ogg">
</video>
The controls attribute specifies that video controls are displayed.
The video player contains the following button functions:
<video controls>
Here is when controls support started for each browser:
Chrome
|
4.0 | Jan 2010 |
Firefox
|
3.5 | Jun 2009 |
IE/Edge
|
9.0 | Mar 2011 |
Opera
|
11.5 | Aug 2011 |
Safari
|
3.1 | Mar 2008 |