Pages

Tuesday, August 30, 2011

One of the hottest topic in web development right now is about HTML5 and CSS3. Tutorials and test implementations of the technology emerge around the web. HTML5 players is one of the most notable new features in HTML5, it allows you to embed video without the use of flash.

Add CSS3 styling and a couple lines of JavaScript, the result is a slick non-flash media player.

In this post I will showcase to you a list of best HTML5 media players around the web.

1. Video JS

Video JS is a javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consistent look between browsers.

2. Sublime Video

This is an awaited soon to be released HTML5 player from Jilion.

3. YouTube HTML5 Player

To enable the HTML5 player, go here, Then click “Join the HTML5 Beta” link in bottom.

4. Vimeo HTML5 Player

To enable the HTML5 player, click the “Switch to HTML5 player” link below any video.

5. JW Player for HTML5

The JW Player for HTML5 is a fully skinnable and configurable player based on the new <video> tag found in HTML5. It is built using jQuery and enables a seamless fallback to the popular JW Player for Flash.

6. Video for Everybody!

Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically, without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don’t support Flash) and on many, many browsers and platforms.

7. Open Standard Media (OSM) Player

Open Standard Media (OSM) Player is an all-in-one media player for the web. It is an industry changing, open source (GPLv3) media player that is written in jQuery to dynamically deliver any type of web media, including HTML5, YouTube, Vimeo, and Flash.