HTML 5 <video> tag
Definition and Usage
The <video> tag defines video, such as a movie clip or other video streams.
Differences Between HTML 4.01 and HTML 5
The <video> tag is new in HTML 5
Tips and Notes
Tip: You can write text between the start and end tags, to show
older browser that they do not support this tag.
Example
| Source |
Output |
<video src="http://www.ananova.com/about/vap_windows_check.wmv">
your browser does not support the video tag
</video> |
|
Optional Attributes
| Attribute |
Value |
Description |
| autoplay |
true | false |
If true, then the audio will start playing as soon as it is
ready |
| controls |
true | false |
If true, the user is shown some controls, such as a play
button. |
| end |
numeric value |
Defines where in the audio stream the player should stop
playing. As default, the audio is played to the end. |
| height |
pixels |
Sets the height of the video player |
| loopend |
numeric value |
Defines where in the audio stream the loop should stop,
before jumping to the start of the loop. Default is the end attribute's
values |
| loopstart |
numeric value |
Defines where in the audio stream the loop should start.
Default is the start attribute's values |
| playcount |
numeric value |
Defines how many times the audio clip should be played.
Default is 1. |
| poster |
url |
The URL of an image to show before the video is ready |
| src |
url |
The URL of the audio to play |
| start |
numeric value |
Defines where in the audio stream the player should start
playing. As default, the audio starts playing at the beginning. |
| width |
pixels |
Sets the width of the video player |
Standard Attributes
| class, contenteditable, contextmenu, dir, draggable, id,
irrelevant, lang, ref, registrationmark, tabindex, template, title |
For a full description, go to Standard
Attributes in HTML 5.
Event Attributes
| onabort, onbeforeunload, onblur, onchange, onclick,
oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave,
ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress,
onkeyup, onload, onmessage, onmousedown, onmousemove,
onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect,
onsubmit, onunload |
For a full description, go to Event Attributes
in HTML 5.
|
|
|
