jQuery Plugins for HTML5 Video

8 Best jQuery Plugins for creating HTML5 Video

Written by Kenny on April 18, 2012 jQuery
These jQuery plugins allows us to embed cross-browser HTML5 video into our web pages with consistent user interface and extra features.

8 Best jQuery Plugins for creating HTML5 Video

jQuery Plugins for HTML5 Video

As we all know, HTML5 video element allows us to embed videos into web pages without any plugins. But the problem is not all browsers support this feature. Moreover, each browser provides native video player controls, which are not allowed in professional web design. Thankfully, someone has created jQuery plugins solution for these. Hereby, I have roundup of 8 best jQuery plugins for creating consistent and cross-browser HTML5 video. It should help you save time in coding!

Evidently, if you wish to create custom HTML5 video player controls, check out this post:

#Custom HTML5 Video controls with jQuery and CSS

 

jPlayer : HTML5 Audio & Video for jQuery

jPlayer : HTML5 Audio & Video for jQuery

jPlayer

DOWNLOAD DEMO

jPlayer is a lightweight jQuery HTML5 Audio / Video Library. It allows us to rapidly weave cross platform HTML5 video and audio into our web pages, with customizable player’s skin through HTML and CSS.

 

MediaElement.js

MediaElement.js

MediaElement.js

DOWNLOAD & DEMO

MediaElement.js is a jQuery plugin for HTML5 audio and video players with few built-in player skins by default. Moreover, you can control what buttons appear on the control bar. It supports for WordPress blog as well.

 

Jme – jMediaelement

jMediaelement - jme

jMediaelement - jme

DOWNLOAD DEMO

jme is an HTML5 audio/video development kit with Flash fallback, which focuses on flexibility, intuitive DOM-API and semantic code. Also, it is skinnable through CSS and HTML.

 

SublimeVideo – HTML5 Video Player

SublimeVideo - HTML5 Video Player

SublimeVideo

PRICES DEMO

SublimeVideo is a premium jQuery plugin for HTML5 video player. It allows you to easily embed videos in any web page or blog. You could even use the features like lightbox and playlist.

 

JW Player

JW Player

JW Player

PRICES DEMO

JW Player allows you to use Flash & HTML5 together, because it supports both Flash and HTML5 rendering modes. Just tell the JW Player which to prioritize and it does the rest. That’s cool!

 

Projekktor

Projekktor Zwei - Free HTML5 video player

Projekktor

DOWNLOAD DEMO

Projekktor is a free HTML5 video player written in jQuery. It is easy to integrate and provides extremely powerful non standard features.

 

FlareVideo

FlareVideo

FlareVideo

DOWNLOAD & DEMO

FlareVideo is a free jQuery plugin for HTML5 video with Flash fallback. It allows HTML and CSS customization and theming with full screnn support.

 

OIPlayer jQuery Plugin

OIPlayer jQuery Plugin - Open Images Platform

OIPlayer jQuery Plugin

DOWNLOAD & DEMO

OIPlayer jQuery plugin allows you to build HTML5 audio and video player with fallback to Java and Flash. There are few special features on this plugin such as dark and white control.

 

video.js | HTML5 Video Player

Video.js - HTML5 Video Player

Video.js

DOWNLOAD & DEMO

video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. It provides a common player controls skin built in HTML and CSS.
PS: Even though video.js is not a jQuery plugins, but I would like to recommend it here as well.


» This Might Interest You «

User Feedback (1) Share Your!

  • lesage

    very nice site. a lot of informations about HTML5. I feedback to some frends.

    2 years ago! Reply

Leave a Feedback

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>