HTML5 Video Tag

HTML5 Video Tag

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

<video width=”480″ height=”320″ controls=”controls”>
<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

3 Comment

  • Anonymous says:

    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

  • Anonymous says:

    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 sitesearch engine optimization greece

  • Anonymous says:

    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

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Do you have any Query / Suggestion