Loading lesson path
Concept visual
Start at both ends
<video> element is used to show a video on a web page.
Your browser does not support HTML5 video.
Formula
The HTML < video > ElementTo show a video in HTML, use the <video> element:
<video width="320" height="240" controls>
Formula
< source src ="movie.mp4" type ="video/mp4">
< source src ="movie.ogg" type ="video/ogg">Your browser does not support the video tag. </video>
The controls attribute adds video controls, like play, pause, and volume. 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.
<source> element allows you to specify alternative video files which the browser may choose from. The browser will use the first recognized format.
<video> and </video> tags will only be displayed in browsers that do not support the <video> element.
Formula
HTML < video > AutoplayTo start a video automatically, use the autoplay attribute:
<video width="320" height="240" autoplay>
Formula
< source src ="movie.mp4" type ="video/mp4">
< source src ="movie.ogg" type ="video/ogg">Your browser does not support the video tag. </video>
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):
<video width="320" height="240" autoplay muted>
Formula
< source src ="movie.mp4" type ="video/mp4">
< source src ="movie.ogg" type ="video/ogg">Your browser does not support the video tag. </video>
The numbers in the table specify the first browser version that fully supports the <video> element.
<video> 4.0 9.0 3.5 4.0 10.5
There are three supported video formats: MP4, WebM, and Ogg. The browser support for the different formats is: