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 |
