HTML 5 natively support Video tag , so no more lengthy coding or dependence on .flv format for streaming Video. Now your HTML 5 enable browser supports .ogv, .ogg , .mp4 format.
Browser Compatibility :
IE 9, Firefox, Opera, Chrome, and Safari support the <video> element.Coding Structure
Browser Compatibility :
IE 9, Firefox, Opera, Chrome, and Safari support the <video> element.Coding Structure
<video width=”480″ height=”320″ controls=”controls”>
<source src=”intro.mp4″ type=”video/mp4″ />
<source src=”intro.ogv” type=”video/ogv” />
<source src=”intro.mp4″ type=”video/mp4″ />
<source src=”intro.ogv” type=”video/ogv” />
Your browser does not support the video tag.
</video>
Its very simple to implement on your web page.
HTML5 <video> – Methods, Properties, and Events
The table below lists the video methods, properties, and events supported by most browsers:
| Methods | Properties | Events |
|---|---|---|
| play() | currentSrc | play |
| pause() | currentTime | pause |
| load() | videoWidth | progress |
| canPlayType | videoHeight | error |
| duration | timeupdate | |
| ended | ended | |
| error | abort | |
| paused | empty | |
| muted | emptied | |
| seeking | waiting | |
| volume | loadedmetadata | |
| height | ||
| width |
To Know more visit W3SCHOOLs
Related Posts:
HTML5 Audio Tag
Make a YouTube video responsive with CSS
HTML 5 introduction
Computer Science with Python Installation Video Tutorial
Elementary OS 0.4.1 Loki Review
Create a simple MCQ quiz using pure Javascript
How to Add INR as New Currency in Opencart 3.x and make it default (Video)
Select Removing all option enter new values using Javascript Object
HTML FORM tutorial with CSS based Example
Web Developer extension and the choice of Best Web Browser
Eхcellеnt blоg yοu've got here.. It's hard to finԁ high qualitу wrіting like yours nowаdays.
I really apprecіаte inԁividuals like уou!
Tаke care!!
My web-site ; mediatemple
I usuallу do not сreаte many гesponses, but і diԁ
a few ѕeаrching аnd wound up here "HTML5 Video Tag".
Anԁ I do have a couplе of questions for уou if it's allright. Is it just me or does it give the impression like some of these comments look like written by brain dead visitors? 😛 And, if you are writing on other social sites, I'd like to keep uρ
ωith anythіng freѕh you have tο post.
Cοuld уou maκе а list of еveгy one
of youг social sites like уоur twitter feеd, Fасebook page or lіnkedin
prоfіle?
Also visit my site … search engine optimization greece
Parаgraph writing іѕ also а fun, if
уou be acquaintеd with аftеr thаt
уou can write otherwisе it іs difficult to write.
My weblοg air tickets europe
Feel free to visit my webpage car hire greece