Dofactory.com
Dofactory.com
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 freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

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>

Last updated on Sep 30, 2023

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 freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

Guides