<video> element – video or a movie
Usage: typically used to include a video/ movie on a web page. Since different browsers support a specific video codec, one typically includes reference to multiple codecs (along with some type of fallback – such as Flash or ability to download the video file and play in a native media player).
Permitted Content: typically contains a <source> element and zero or more <track> elements.
Tag omission: both start and end tag must be present.
Example code:
<video src=”July_04_2010.ogv” controls=”controls”>
Your browser does not support the video element.
</video>
Example page (opens in a new tab/ window – view source code): http://learning-html5.info/examples/ExampleVideo1.html
Default display properties: typically transparent (controls will show).
Common Attributes:
- audio=”muted” – one example of choices (in this case, override viewer preference)
- autoplay=”autoplay” – automatically begin playback of video stream as soon as possible.
- controls=”controls” – expose user interface to control playback of video stream.
- height=”pixels” – height of movie in pixels
- loop=”loop” – return to the art of the audio stream after reaching the end of the video stream.
- poster=”url” – address of an image file to show while no video content is available
- preload=”none/metadata/auto” – identify whether optimistic downloading of video stream is worthwhile
- src= location of video stream
- width=”pixels” – width of video in pixels
Permitted Parent Elements: any element which can contain phrasing or flow elements.
References: http://dev.w3.org/html5/markup/video.html#video
Loading ...