HTML 5 Video Players you may use with our mobile video hosting

Get Started

Need a hand with embedding video?

HTML5 Video Players you can host @ gravitylab

The <video> element is a long-awaited HTML5 video feature and probably one of the most talked about features in HTML5.

 

We can embed videos into web pages without any plugins, using the <video> element  (which is now included in latest versions of Firefox, Safari & Chrome & Opera). The major problem is that not all of the browsers support the same codecs (while IE doesn’t support any). This is where javascript comes to aid. It sits on top of the <video> tag providing better video controls and a fallback to flash for older browsers.

 

Here is a collection of useful HTML 5 video players which allow you to easily embed video into web pages and ensure backwards compatibility.

Moovie: custom controls for video

 

This is a MooTools custom controls library for the HTML 5 video element. It features: playlist and subtitles support, settings panel for enabling or disabling various options such as looping, captions and auto-hiding of controls bar.

 

SublimeVideo (update: 2014/02/02 – player rights recently acquired by Dailymotion)

 

SublimeVideo is an HTML5 video player that will allow you to easily embed videos in any page, blog or site using the latest modern web standards.

 FlareVideo

 

FlareVideo is an open source, jQuery-powered HTML5 video player. The player supports fullscreen mode and has a fallback mechanism into a Flash-driven player.

 

Video JS: Open Source HTML5 Video Player

 

Video JS is a javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using a HTML5 player is a consistent look between browsers.

 

Projekktor – Free HTML5 video player

 

Projekktor is a free 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 powerful non standard features.

 

Leanback html5 player

 

LeanBack Player is a Javascript based HTML5 Video and Audio Media Player UI that uses build-in HTML5 <video> and <audio> element functionality of standard browsers, platforms and devices.

 

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.

 jMediaelement

 

jme is a HTML5 audio / video development kit with Flash and VLC Fallback, which focuses on flexibility, intuitive DOM-API and semantic code.

Video for Everybody!

 

Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically, without the use of JavaScript or browser-sniffing.

 

Akamai’s Open Video Player for HTML5 <video>

 

Akamai has released a new Open Video Player for HTML5 <video> developer toolkit, aimed at simplifying the task of creating flexible HTML5-based video player applications for delivery of HTTP content.

 

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. Compatibility: Chrome, Firefox, Opera, Safari

JW Player for HTML5

 

The JW Player for HTML5 is a fully skinnable and configurable player based on the new <video> tag found in HTML5. It is built using javascript (jQuery) and enables a seamless fallback to the popular JW Player for Flash.

 

Open Standard Media (OSM) Player

 

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

 

YUI HTML5 Player

 

YUI HTML5 Player is a YUI 3 widget that creates a video player using the HTML5 video tag and JavaScript that is based on YUI 3. It was started as entry to the YUI 3 Gallery Contest in March 2010.

 

html5media

The html5media project consists of a single, minified Javascript file that is used to detect your browser’s HTML5 video capabilities. Any video tags that cannot be played are dynamically replaced with a Flash video player.

 

Html5-video – Video player in HTML5

 

Developed by Rasmus Andersson, lead creative & designer at Spotify. Psd sources are available for the progress bar and icons, so you can customize the player to your needs.

jquery-video – jQuery UI video widget

 

The jQuery UI Video widget ‘enhances your HTML5 <video>’

 

jPlayer

 

jPlayer is the completely free and open source HTML5 Video Player (MIT) and media library written in JavaScript. jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer’s comprehensive API allows you to create innovative media solutions while support and encouragement is provided by jPlayer’s active and growing community. Looks like they have a video player flat skin coming …

 

Pickleplayer

Not dependent on libraries ( MooTools, jQuery, etc). Flexible Javascript API. Automatic fall back / format roll over. Works on tablets, phones and PCs including iPad, iPhone, Android, Mac, and PC

 

Wimpy Rave Player (from the same folks who make pickleplayer)

 

Popcorn.js

 

Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla’s Popcorn project.

 

Flowplayer

 

Solid, well liked player, one of the originals with active development. Commercial.

 

You can find updates to all these HTML5 Players’ blogs aggregated by player and date at the HTML5 Player section of our sister site radiofreepacific.com

 

Oh, and Honkiat has a great article ‘Things you need to know about HTML5 Video‘ that is worth the read.

 

0 comments

Leave a comment

Want to express your opinion?
Leave a reply!