{"id":377762,"date":"2010-03-01T21:39:28","date_gmt":"2010-03-02T02:39:28","guid":{"rendered":"http:\/\/techie-buzz.com\/featured\/html5-video-tag-support-for-all-browsers.html"},"modified":"2010-03-01T21:39:28","modified_gmt":"2010-03-02T02:39:28","slug":"html5-tag-support-for-all-browsers","status":"publish","type":"post","link":"https:\/\/mereja.media\/index\/377762","title":{"rendered":"HTML5 Tag Support For All Browsers"},"content":{"rendered":"

HTML5<\/a> Videos is a very big feature which will render Flash videos almost useless, however not every browser supports HTML5 yet, the few that do also are either development versions or beta versions.<\/p>\n

So, as a developer how would you switch to HTML videos? Well, there is a way by using a new JavaScript API which adds support for the HTML5 <video> tag in all browsers.<\/p>\n

The API in question is called “html5media” and makes use of jQuery to display the default HTML5 video player if the browser supports it, or defaults to Flowplayer<\/a> if the browser does not support it.<\/p>\n

This will ensure that your <video> tag will play in all browsers, irrespective of whether they support it or not, definitely a good way to start using HTML5 videos in your project.<\/p>\n

The only downside of this API is that you will have to include a JavaScript library in all pages that you want to insert the HTML5 videos in as shown below.<\/p>\n

\"HTML5<\/p>\n

Once you do that, the html5media JavaScript library will take care of displaying the videos to both HTML5 browsers as well those which do not support it.<\/p>\n

Download and Learn more about html5media<\/a>. You can also view the demo<\/a> of the script in action by visiting this page on a HTML5 compliant browser and one which does not support it. The only downside of this is that your video needs to be encoded in either the h.264 codec (mp4) or Theora codec (ogv).<\/p>\n

<\/a><\/div>\n
\nShare:<\/strong>
\nComment on This Post<\/a> |
\nTweet This<\/a> |
\nShare on Facebook<\/a> |
\nSave to Delicious<\/a> |
\nStumble This<\/a> |
\nDigg This<\/a> |
\nReddit This<\/a>\n<\/div>\n
TAGS:<\/strong> Developer Tools<\/a>, HTML5<\/a>, HTML5 Video<\/a>, JavaScript<\/a>, Libraries<\/a><\/span>
\n<\/small><\/div>\n
\nHTML5 <video> Tag Support For All Browsers<\/a> originally appeared on Techie Buzz<\/a> written by Keith Dsouza on Monday 1st March 2010 09:39:28 PM. Please read the Terms of Use<\/a> for fair usage guidance. <\/div>\n

<\/p>\n

Don’t miss these Related Posts:<\/h2>\n