Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest self-service freelancing marketplace for people like you.

HTML <video> controls Attribute

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.

Example

#

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>

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>
Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest self-service freelancing marketplace for people like you.

Guides