HTML controls Attribute

Definition and Usage

The controls attribute is a boolean attribute.

When present, it specifies that audio/video controls should be displayed.

Controls should include:

Play
Pause
Seeking
Volume
Fullscreen toggle (for video only)
Captions/Subtitles (for video only, when available)
Track (for video only, when available)

Applies to

The controls attribute can be used on the following elements:

Elements	Attribute
<audio>	controls
<video>	controls

Examples

Audio Example

An <audio> element with browser default controls:

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Try it Yourself »

Video Example

A <video> element with browser default controls:

<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Try it Yourself »

Browser Support

The controls attribute has the following browser support for each element:

Element
audio	4.0	9.0	3.5	4.0	10.5
video	4.0	9.0	3.5	4.0	10.5

❮ Previous All HTML Attributes Next ❯