Flash has always been the standard for displaying video online, yet with the arrival of HTML5 web developers have got more excellent possibilities to easily streamline video content. HTML5 new specifications for a video is for sure one of the most talked aspects in the range of many new notable HTML5 features developed for more dynamic web applications and interfaces. Though support for HTML5 is still evolving, a video element has clear benefits for the users who can now get browser-native video players without any third-party plugins at all.
In the current blog entry we’ve covered some of the best HTML5 media player implementations to help you get the most out of HTML5 video tag and embed video content into your web pages. This round-up is done specifically for you to decide which HTML5 video player is better for your website design project, so check out a few of the solutions that we particularly like. We invite you to rate the content, quality, and genre of these great video players and opt for the choices according to your needs.
What about skinable open source JW Player, this solution is all about Flash and HTML5 working together as part of a single video player. The player automatically falls back to the Flash or HTML5 mode when needed. This solution supports the major CDNs, YouTube, Adobe’s Flash Media Server, HTTP streaming, major advertising networks, analytics providers, and more. JW Player as well has a range of add-ons to extend the players functionality. By choosing the JW Embedder, it will also provide hosting solutions and mobile support for iPhone, iPad, and Android devices.
Sublime Video is an HTML5 video player that allows you to easily embed video on web page using HTML5 with Flash Fallback. What you’ll need is just to add a single-line-of-code to run this video player. Note that this solution supports a limited number of browsers since it’s still in experimental state. Sublime Video solution is not based on any JS library and aims to provide a high quality user experience thanks to its consistent implementation of both HTML5 and Flash user interfaces. Besides, SublimeVideo supports iPhones, iPads, Android smartphones, as well as other mobile platforms. Note that it’s a player only, so you’ll have to have your own video hosting.
Another completely open source and free for commercial use solution is FlareVideo which is a jQuery powered HTML5 video player. This fully customizable player supports fullscreen mode, has a fallback mechanism into a Flash driven player, an easy CSS/HTML/JS customization and theming. As for the browser support it is compatible with Safari, Firefox and IE7.
MediaElement.js is a complete HTML5 audio and video player in pure HTML and CSS. Based on Video for Everybody it uses a custom Flash or Silverlight player that mimics the native HTML5 API for older browsers. MediaElement.js builds a fully skinnable player with features like support for the HTML5 track element, fullscreen video, and even ambilight. Additionally, it includes support for sub-titling and has plugins for WordPress, Drupal, jQuery, and BlogEngine.NET. With MediaElement.js, video controls are doing using HTML / CSS for cross-browser consistency.
Kaltura is an easy to skin, extend and integrate HTML5 video player that works in all major browsers by using a unique fallback mechanism and playback engine (Native HTML5, Flash, VLC or Java Cortado) for your settings and video format. Unlike other HTML5 video players, it has developed a full library for videos so that with it videos can be watched even in IE. Kaltura’s player maintains a unified look and feel across formats and browsers, plus its platform additionally provides automatic transcoding into all supported formats (OGG, H.264, MOV, FLV etc.).
jMediaElement or JME is an easy and intuitive to embed, style and script HTML5 audio and video development kit with Flash Fallback, which focuses on flexibility, intuitive DOM-API and semantic code. Having a cross-browser, cross-plugin and cross-device support, it’s based on HTML5 media elements and Flash (JW Player) as backend and has CSS stylable and accessible controls as flexible building blocks. Besides, JME is jQuery UI themeable and hooks to extend plugin support.
Deciding which video player is right for you can be complicated. In this case you can use a nice comparison chart of various HTML5 video player solutions. This chart covers some key features to show you which video player has the options needed for your project, and additionally offers links to demos to see each video player in action. If you’ve tested on a browser or device any of the above-listed players or maybe some other ones not mentioned in this list, please let us know your impressions and give us a short feedback in the comments.