One of the trending topic in web development today is about HTML5. HTML5 players is one of the most notable new features in HTML5, it allows you to embed video without the use of flash. The HTML5 video player is a non-proprietary alternative to Adobe’s Flashplayer plug-in.
HTML5 have some extra advantages than Flash player, which makes HTML5 more useful. The loading time is fast of HTML5 players, you can fast forward and rewind the video without waiting at video to buffer. HTML5 will be more efficient than Flash, but there is still plenty of debate.
Technical implentation of HTML5 player really easy – mostly all players work due to the Java Script performance and of course one of the new HTML5 tags – “video” tag.
In this post I will showcase to you a list of best HTML5 media players that you can use today.
SublimeVideo maximizes the use of HTML5 Video in latest browsers while providing full support for legacy browsers thanks to its integrated fallback to Flash. SublimeVideo allows your videos to play seamlessly on iPhones, iPads and Android smartphones, as well as other mobile platforms.
FlareVideo is free and open source HTML5 video player that fallback to flash for incompatible browsers. This HTML5 player can be configure easily with JS/HTML/JS. This plugin is support for theming and already ship with 3 themes (default, vimeo and sotify).
MediaElement.js allow us to use the <video> tag with one H.264 file. If the browser doesn’t support it, then MediaElement.js replaces <video> with either Silverlight or Flash and returns a wrapper object that matches the HTML5 Media Element API. This lets you code to MediaElement.js as if it were a native <video>.
Moovie is a free MooTools custom controls library for the HTML 5
video element. It has all the features of a player: play, pause, stop, a volume control which mimics the Youtube’s control and progress bar.
jMediaelement is an HTML5 audio / video development kit with Flash and VLC Fallback, which focuses on flexibility, intuitive DOM-API and semantic code. jMediaelement is an extreme flexible script, which let’s you write your own media player with your own semantic control markup, distinctive style/UI behavior and your own powerfull feature set.
Projekktor is a JS wrapper for the new HTML5 video and audio elements. It solves cross browser and compatibility issues, adds some eye candy to the native players and provides usefull non standard features. This HTML5 player is easy integration to any site, just include one JS file and use standard video or audio tags thats all.
Video for Everybody
Video for Everybody simply a chunk of HTML code that embeds a video into a website using the HTML5
Kaltura has developed a full HTML5 Video Library – in use by Wikipedia – that works in ALL major browsers, even IE. The library supports a seamless fallback with Flash based playback (using Kaltura’s media player – KDP3) or Java Cortado for browsers that don’t yet feature HTML5 video & audio support.
JW Player for HTML5
Akamai’s Open Video Player for HTML5
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.
OIPlayer jQuery plugin
OIPlayer is a HTML5 audio and video player with fallback to Java and Flash. OIPlayer ‘attaches’ itself to all video and/or audio tags it encounters. Besides the general configuration of the plugin itself, it uses for each individual tag the attributes the respective tag has like poster, width, controls, autoplay etc.
HTML5 Video Player – Version 1.2
This HTML5 video player is fairly straight forward and offers all of the basic controls you’d expect a video player to have. The player controls are visible when the video is paused or when the user’s cursor is over the video.
The jQuery UI Video widget enhances your HTML5 <video>.
- Adds full jQuery UI Themeroller support
- Pause, seek, rewind
- Volume control
- Scrub bar with time elapsed and remaining
A Toolkit to handle HTML 5 video.
- Simplify video control
- Timeline Controller (Timeslider)
- Volume Slider
LeanBack Player – HTML5 Video Player with Subtitle-Support
LeanBack Player is HTML5 Video Player with Subtitle-Support.
- Supports widely used desktop browsers and mobile devices
- Supports also Microsoft Internet Explorer (?8) and Safari (without Quicktime on Windows) by fallback to flash
- Ability to handle more than one HTML5 video element on a single page
- 100% skinnable using CSS; consistent look between browsers
- Multi-language support (e.g.: English, German, France)
- Browser fullscreen mode; window fullscreen mode (if supported )
- Volume Controls
- Keyboard shortcuts on focused video (desktop browsers)
- Different playback rates (currently in desktop browsers Chrome, Safari, Internet Explorer 9 beta)
- Supports subtitles through HTML5 track element; language-selection by label attribute of track
- Support preload attribute in desktop browsers to save traffic (using a fix)
Acorn Media Player
Acorn Media Player is a jQuery plugin implementing a custom HTML5 <video> player with a special focus on accessiblity and customization. Acorn Media Player is built with accessibility in mind. It provides full keyboard control using standard tab-based navigation, screen-reader (and other AT) support, accessible themes, and other accessibility tweaks.