List of HTML5 Capable Video Players & Destination Sites

List of HTML5 Capable Video Players & Destination Sites

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

JW Player

The tried and true JW Video player added HTML5 List of HTML5 Capable Video Players & Destination Sitescapability 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

FlowPlayer

As of version 3.2.8 they rewrote part of the FlowPlayer for the HTML5 side of things. It's now on version 3.2.9 and List of HTML5 Capable Video Players & Destination Sitesis open source. There's a pretty active community around it and the player has been maturing quite rapidly because of it. Offers a plugin architecture with support for Adobe Flash, Javascript, Streaming plugins and extensions, video delivery and advertising options.

SublimeVideo

SublimeVideo is an HTML5 video player with Flash fallback. It List of HTML5 Capable Video Players & Destination Sitesoffers a consistent video player between versions and is all Javascript so you won't need any specific JS library to go along with it. Recently, moved to a freemium model where you can get it free with their branding or pay to have that removed. Offers support for all the latest platforms including Android and iPad.

Kaltura

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).

KDP 3 is a Flash based media player application that utilizes Adobe OSMF, PureMVC and Yahoo ASTRA ui components to enable creation of pluggable, robust and easy to design media players.

Version 3 also enable xml based layout engine and FLA based skinning mechanism.

MediaElement.JS

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.

Features:

  • 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

A bit more complicated than a simple drop in and go like JWPlayer or Flow.

FlareVideo

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.

Projekktor

Projekktor is dubbed "the free HTML5 video player." Supports VAST for pre and post-roll video ads, full-screen, playlists and Flash fallback (jarisplayer). Requires jQuery.

Video.js

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.

Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video, today. This is also known as an "HTML5 Video Player". Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn't supported, and also provides a consistent JavaScript API for interacting with the video.

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.

LeanBack Player

LeanBack is a commercial HTML5 media player (for business use, free for personal) that does not offer any Flash player but if you've got one you can fall back to it. It's a fairly robust package that takes a lot of work out of getting a complete HTML5 video implementation up. Features include; no Javascript library requirement, <audio> tag support, extensions to expand capabilities (chapter navigation, Google analytics tracking, playlists, etc), fully customizable with CSS, full-screen, WebVTT <track> element support, keyboard shortcuts, video resolution selection, WordPress and Joomla plugins.

HTML5 Compatible Video Destination Sites

Almost every major social video service is now supporting HTML5 and here's a quick list.

YouTube

Currently YouTube supports browsers that support both the video tag List of HTML5 Capable Video Players & Destination Sitesin 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

DailyMotion

DailyMotion 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

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.


Don't Miss Any Stories!
Get daily online video news, tips and trends via email!


About the Author -
Christophor Rick is a freelance writer specializing in technology, new media, video games, IPTV, online video advertising and consumer electronics. His past work has included press releases, copy-writing, travel writing and journalism. He also writes novel-length and short fiction as part of Three-Faced Media . View All Posts By -

What do you think? ▼
  • Video Production Company

    This is a great start and hopefully people can see how easy it is to implement these js players on their sites.
     
    What would be really useful (not that I'm complaining!) is to examine what we might call 'enhanced functionality' amongst these players.
     
    I'm sure a lot of people are reluctant to embrace HTML5 and move away from Flash because of the challenges presented by replicating captions, pre-roll, form actions, analytics etc in an HTML5 object.
     
    Furthermore, there are limitations caused by each player's performance on different devices and, to make matters even worse, different modes on different devices – for instance using native players rather than js objects, like moving from a video object that you can overlay on in a div within a page on iPad and then going fullscreen where you lose control.
     
    So I guess what I'm suggesting is some horribly complex three dimensional matrix. Or at least a best-practice guide. 

  • Eric McClatchy

    Viddler also offers a stand-alone HTML5 player that's embeddable onto your site or App via a iFrame or API call. https://support.viddler.com/entries/20831887-Player-Overview#HTML5

  • Jace Doman

    ps4 uses html5 now n i cant seem to find any gd links to stream tv shows anymore

  • minhaaj

    How come they never play on blackberry OS7 device. It supports HTML 5?

↑ Top