video

FilterElements

<video> ... </video>

HTML5 only. Embeds a video file in the web page without requiring a plug-in. Authors can provide content in the video element that will be displayed by agents that don’t support the video element.

Notes

As of this writing, there is still debate regarding the supported codec for the video element (mainly open source Ogg Theora versus the proprietary, yet more popular and more efficient, H.264). video is currently supported by Firefox 3.5+, Safari 3.2+, and Opera 10.0+. Chrome support is upcoming. Internet Explorer has not published plans to support video.

Start/End Tags

Required/Required

Specifications

  • HTML5

autobuffer

Values: None in HTML. (autobuffer="autobuffer" in XHTML5)
Tells the user agent (browser) that the media file is likely to be used and should be readily available

autoplay

Values: None in HTML. (autoplay="autoplay" in XHTML5)
Plays the media file automatically.

controls

Values: None in HTML. (controls="controls" in XHTML5)
Indicates that the user agent (browser) should display a set of playback controls for the media file.

height=

Values: number
Specifies the height of the video player in pixels.

loop

Values: None in HTML. (loop="loop" in XHTML5)
Indicates that the media file should start playing again from the beginning once it reaches the end.

poster=

Values: URL
Specifies the location of a graphic file that displays as a placeholder before the video begins to play.

src=

Values: URL
Specifies the location of the media file.

width=

Values: number
Specifies the width of the video player in pixels.

See also source

<video src="movies/rockets.mov" width="240" height="180" poster="rocket.jpg" type="video/mov">
This browser does not support the <code>video</code> element.
</video>

Rendered Example