HTML 5 <video> Tag
Example
A simple HTML5 video:
<video src="movie.ogg" controls="controls">
your browser does not support the video tag
</video> |
Try it yourself » |
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.
Optional Attributes
New : New in HTML 5.
| Attribute |
Value |
Description |
| autoplayNew |
autoplay |
If present, then the video will start playing as soon as it is
ready |
| controlsNew |
controls |
If present, controls will be displayed, such as a play
button. |
| heightNew |
pixels |
Sets the height of the video player |
| loopNew |
loop |
If present, the video will start over again, every
time it is finished. |
| preloadNew |
preload |
If present, the video will be loaded at page load, and ready to run. Ignored if "autoplay" is present. |
| srcNew |
url |
The URL of the video to play |
| widthNew |
pixels |
Sets the width of the video player |
Standard Attributes
The <video> tag also supports the Standard Attributes in HTML 5.
Event Attributes
The <video> tag also supports the Event Attributes
in HTML 5.
Create a free Flash website with our simple, online web design editing platform. Stunning templates
and user-friendly tools make website building easy and fun.
Start Creating your free website now!
The Altova MissionKit is an integrated suite of tools ideal for:
- XML development
- Web & Web services development
- Data mapping & integration
- Rendering & publishing XML & database data
- XBRL validation, taxonomy editing, transformation & rendering
The MissionKit for XML Developers includes XMLSpy® - the industry-leading XML editor; MapForce® - a
graphical data mapping, conversion, and integration tool; StyleVision® - a visual XSLT stylesheet designer;
DiffDog® - an XML-aware diff/merge tool; and 2 additional tools.
Try all 6 products free for 30 days!
Download a fully-functional free trial
|
|
|
|
