12+ Awesome Implementations of HTML5/Flash Video Players

There has been such a great deal of debate about Flash versus HTML5.  While the pros and cons of each is typically black and white, when it comes to video playback on the web leveraging the two provides a more robust user experience.

Whether  you want Flash for a uniform desktop experience but need to support the iPad? No problem. Standards junkie and only want HTML5? That’s cool too.

We’ve gathered a list of the top free and premium HTML5/Flash video players that provide an all in one solution to video playback on the web regardless of the device.

Enjoy and Happy New Year!

1- SublimeVideo

SublimeVideo Player

SublimeVideo Player gives your site universal playback of your videos on any browser or device. SublimeVideo maximizes the use of HTML5 in the latest browsers, while providing full support for legacy browsers with automatic Flash fallback. SublimeVideo offers free and premium options.

2 – MediaElement.js

MediaElement.js Video Player

A free HTML5 audio or video player with Flash and Silverlight shims that mimics the HTML5 MediaElement API, enabling a consistent UI in all browsers.

3 – Video.js

Video.js Video Player

A lighweight/free and open sourced video player with a forced fallback to Flash even when there is an unsupported source.

4 – OSMF Edge Media Player

OSMF Edge Media Player

A premium video player based on the robust Open Source Media Framework which grants out of the box support for multiple media types, including video, audio, images, and SWF files. It is an all-in-one solution for your streaming needs and is ready to be deployed to any kind of project.

5 – Video / YouTube / Vimeo Gallery V2

Video / YouTube / Vimeo Gallery V2

A premium mini gallery for your videos. It allows you display YouTube videos and videos from your server in the same container. It can also be used as a portfolio or a video showcase.

6 – HTML5 Blue Video Gallery

HTML5 Blue Video Gallery

A premium HTML5 gallery uses the latest HTML5 techniques. For example, it uses HTML5 LocalStorage to remember the last volume you had before you exit and sets back that volume when you come back.

All the player graphics are driven by XML so you can change anything very easy.

7 – HTML5 Video

HTML5 Video Player

Using an HTML5 Javascript Library, your videos can be played back on the latest mobile devices and even on older browsers that require Flash.

8 – JW Player for Flash & HTML5

JW Player for Flash & HTML5

An evolved video player with a standardized approach to handling Flash & HTML5 support.

9 – FlareVideo

FlareVideo

FlareVideo is a free/open sourced HTML5 video player with a Flash fallback and an easy CSS/HTML/JS customization and theming.

10 – Video Player With Circular Scrubbing

Video Player With Circular Scrubbing

A premium Flash/HTML5 video player with a HTML5 Fallback video player and built atop of a solid foundation.

11 – Tejas HTML5 Video Player

Tejas HTML5 Video Player

A premium HTML5 video player that is built on jQuery and utilizes the very powerful ThemeRoller system for rendering its user interface.

12 – Projekktor

Projekktor

A free HTML5 video player that supports pre and postroll ads, true fullscreen, Flash fallback, and YouTube HTML5.

Flash vs. HTML5

If you’re curious as to which method of bringing people content is going to win out of the two, it’s worth having a look at this list. Flash, while on 99% of computers, lacks some advantages that HTML5 boasts. So which should you go for?

1) Performance

Flash is an extremely powerful tool if you know how to use it right. It loads quickly, is able to give the user access to games, animations, interactive charts, banner adverts – the possibilities are huge. But HTML5 boasts the same capabilities, so what puts Flash ahead? Primarily, ActionScript 3.0, which accelerates code execution by ten times what it was before. However, HTML5 does perform noticeably better on Mac and Linux computers, as Flash tends to overheat OSX machines due to excessive CPU usage.

2) Market presence

You cannot, and likely will not for many years, beat the presence of Flash on the average computer. It has a 99% install base, whereas HTML5 would be lucky to see 10% of that figure. The availability of Flash is a big deal – if you went to the o2 site and they had HTML5 running rather than Flash, chances are that most people would see that as one step too far away from usability, and that’s a big deal. But as HTML5 spreads, both may eventually be as common as each other.

3) Different Browsers

This is really where HTML5 falls flat on its face – it doesn’t run the same in all browsers, and Flash does. That’s a huge flaw in a market where someone could be using anything from IE to Firefox to Chrome, and you’ll struggle to justify the extra effort it takes to “localise” HTML5 content compared to building something in Flash that will work flawlessly in all browsers. However, it is worth noting that iOS devices still don’t support Flash, and likely never will, so be careful if you’ve got mobile browsing in mind.

These are just a few examples, but it’s clear that bar OSX and Linux performance, Flash will continue to outperform its rival for many years to come. But is it worth looking into HTML5? If you’re developing content tuned towards the iOS crowd, of course, but outside them, stick with Flash.