HTML <video> controls Attribute

The controls attribute on a <video> tag adds video controls to a video player. These controls allow users to interact with features like start, pause, track, volume, and others.

Example

#

A controls attribute on a <video> element.

<video width="320" height="240" controls>
  <source src="/media/movie.mp4" type="video/mp4">
  <source src="/media/movie.ogg" type="video/ogg">
</video>

Using controls

The controls attribute specifies that video controls are displayed.

The video player contains the following button functions:

  • play / pause
  • volume
  • track
  • download
  • toggle fullscreen
  • captions or subtitles

Syntax

<video controls>

Browser support

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

You may also like

 Back to <video>
Guides