The controls attribute adds video controls, like play, pause, and volume.
controls
It is a good idea to always include width and height attributes. If height and width are not set, the page might flicker while the video loads.
width
height
The <source> element allows you to specify alternative video files which the browser may choose from. The browser will use the first recognized format.
<source>
The text between the <video> and </video> tags will only be displayed in browsers that do not support the <video> element.
<video>
</video>
To start a video automatically, use the autoplay attribute:
autoplay
Note: Chromium browsers do not allow autoplay in most cases. However, muted autoplay is always allowed.
Add muted after autoplay to let your video start playing automatically (but muted):
muted
The numbers in the table specify the first browser version that fully supports the <video> element.
There are three supported video formats: MP4, WebM, and Ogg. The browser support for the different formats is:
The HTML DOM defines methods, properties, and events for the <video> element.
This allows you to load, play, and pause videos, as well as setting duration and volume.
There are also DOM events that can notify you when a video begins to play, is paused, etc.
If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail: [email protected]
If you want to report an error, or if you want to make a suggestion, send us an e-mail: [email protected]
