You can use the video element to insert a video file into a document. You can even use the source element to specify multiple formats for different browsers.
The video element includes the following attributes:
Attribute | Description |
---|---|
autoplay |
Starts loading the video immediately on page load and plays it when it is loaded. |
controls |
Adds playback controls. |
height |
Sets the video's height. |
loop |
Replays the video when it is finished playing. |
preload |
Starts loading the video immediately on page load, but does not play the video. |
src |
Specifies the URL of the video file. |
width |
Sets the video's width. |
If you only specify the width or height, the video will be sized to preserve its aspect ratio. If you specify a width and height that does not match the video's aspect ratio, the video will be letter-boxed using its original aspect ratio.
or
<video controls>
<source src="klose.ogg" type="video/ogg">
<source src="klose.mp4" type="video/mp4">
<object data="klose.swf" type="application/x-shockwave-flash">
<param value="klose.swf" name="movie" />
</object>
</video>