While one might think that every Tom, Dick and Harry video player is now HTML5 capable, you'd be wrong. Well, not totally wrong as most are. So here's a list of some of the more popular HTML5 video players.
I know, it sounds totally dumb to call something an HTML5 video player since, in fact, the <video> tag is built right into HTML5 and therefore there is no need for a 'player' per se, but there are still other player apps out there that offer other compatibility. Maybe I should have named this Video Players with HTML5 and More or something to be more accurate.
Anyway, I'm going to start with the player I use and then move on to some others. After that I'll look at a handful of HTML5 compatible online video platforms (OVP).
Stand Alone HTML5 Video Players
The tried and true JW Video player added HTML5 capability some time ago and is able to determine what browser is poking about and then offer up whatever compatible content you've got. This prompted me to switch my encoding from .FLV to .MP4 so that the video files would be compatible with both formats and surprisingly, it works really well. So BOOM HTML5 and Flash in one! Handles H.264, WebM, MP3, FLV, YouTube videos and more including images and playlists
Kaltura has a wide range of options including their open source projects which includes the KDP - Kaltura Dynamic Player:
The Kaltura Dynamic Player (aka KDP) is a highly flexible media player allowing any developer to create his own skinned version which may include different sets of components. The KDP enables easy integration of 3rd party Flash components.
The KDP can be configured using an xml configuration file. The configuration file defines the graphical layout and functionality of the different parts of the player. Different instances of the KDP may use different components such as the accreditation component, rating component, different progress bars, etc.
Extra data may be passed to the KDP through flashvars in order to propagate it to all of the widgets embedded from the current instance (e.g. a link to the original page containing the widget).
Version 3 also enable xml based layout engine and FLA based skinning mechanism.
MediaElement takes a slightly different approach to video.
Instead of offering an HTML5 player to modern browsers and a totally separate Flash player to older browsers, MediaElement.js upgrades them with custom Flash and Silverlight plugins that mimic the HTML5 MediaElement API.
- HTML5 audio and video players in pure HTML and CSS.
- Custom Flash and Silverlight players that mimic the HTML5 MediaElement API for older browsers
- Accessibility standards including WebVTT
- Plugins for WordPress, Drupal, Joomla, jQuery, and BlogEngine.NET, ruby gem, plone
Another open source HTML5 video with Flash fallback that includes CSS/HTML/JS customization and theming and offers full-screen. FlareVideo supports MP4, FLV, MOV and Ogg and requires jQuery.
Video.js is CDN-hosted so you don't even need to download and install the files to your web server and your player will always be up to date.
They're prone to exaggeration, "Most Flash video players are HUGE. Hundreds of additional kilobytes loaded in addition to the video being played." Their Flash player is under 10K, but still...sounds silly when a video could be 300MB. Supports subtitles, full-screen, customization and offers a WordPress plugin.
HTML5 Compatible Video Destination Sites
Almost every major social video service is now supporting HTML5 and here's a quick list.
Currently YouTube supports browsers that support both the video tag in HTML5 and either the h.264 video codec or the WebM format (with VP8 codec). These include:
- Firefox 4 (WebM)
- Google Chrome (WebM)
- Opera 10.6+ (WebM)
- Apple Safari (h.264, version 4+)
- Microsoft Internet Explorer 9 (h.264)
- Microsoft Internet Explorer 6, 7, or 8 with Google Chrome Frame installed
has an HTML5 that supports cool effects like snapshot (single or rapid fire), explode, etc. However, they don't seem to have implemented it as all videos play in Flash and Quicktime.
Vimeo, like YouTube, has a full HTML5 implementation.
Embedded videos will play using the best player for the device you're using. If you've chosen the HTML5 player from our site, it will become the default player for you on both your regular computer, and mobile devices.
For online video platforms that feature HTML5 compatibility we will do a whole other article.