<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8211560\x26blogName\x3dTech+Tips,+Tricks+%26+Trivia\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://mvark.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://mvark.blogspot.com/\x26vt\x3d-5147029996388199615', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Tech Tips, Tricks & Trivia

by 'Anil' Radhakrishna
An architect's notes, experiments, discoveries and annotated bookmarks.

Search from over a hundred HOW TO articles, Tips and Tricks


The State Of HTML5 Video



Key points from the The State Of HTML5 Video report by LongTailVideo (last updated on April 19, 2012):

  • 75% of the desktop & mobile browsers can play HTML5
  • 50% supports either WebM or MP4. Firefox doesn't support MP4 as it has "no plans to support patent encumbered codecs"
  • 90% of tag attributes (poster, preload, autoplay, controls) are supported. Mobile browsers ignore preload (video is never preloaded) and autoplay (video is never played upon page load).
  • 80% of API features (loading, buffering, playback, seeking, volume) work reliably.  The video tag provides an extensive JavaScript API for controlling its content.
  • 50% fullscreen support is halfway there. Although the HTML5 fullscreen specification is still in its infancy, most browsers have now implemented either a fullscreen control or a scripting API.
  • 30% of accessibility (keyboard control, closed captions) is available. The HTML5 Text Track element (<track>) is designed to add closed captions to videos (plus subtitles, descriptions, chapters & metadata).
  • iOS is the only platform with streaming. Adaptive streaming formats, like video codecs, are not part of the HTML5 specification.
Also see:

Labels:

Tweet this | Google+ it | Share on FB

« Home | Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »

»

Post a Comment