Customizable HTML5 video player – Acorn Media Player

It’s a nice solution of customizable and themeable HTML5 video player.

Acorn – HTML5 video player as jQuery plugin

Handle audio and video on your website easy! Acorn Media Player is a HTML5 media player with a focus on accessibility and customization.

HTML5 video player in action
HTML5 video player in action

Key features of this HTML5 video player solution

Accessibility
Acorn Media Player is built with accessibility in mind. It provides full keyboard control using standard tab-based navigation, screen-reader (and other AT) support, accessible themes, and other accessibility tweaks.

Transcript

Along with closed captions support, the player provides a dynamic transcript generated from the selected captions.

Closed-Captions

This is yet no native support for closed captioning on HTML5 , but that shouldn’t stop you from providing them. It supports external SRT files just like desktop media players.

And many others, like:

– Fullscreen support

– Buffering and loading indicator

– Easy customization and theming

– Storing volume level using HTML5 LocalStorage

– Easy to use and adapt

Themes

These are the themes included with the player:

– access (default theme, includes child theme accesslight)

– darkglass (includes child theme darkglasssmall)

– barebones

Sample

<link href="/themes/access/acorn.access.css" 
  rel="stylesheet" type="text/css">

Now call the plugin with the themes option:

jQuery('video').acornMediaPlayer({
    themes: 'access accesslight'
});

Fallback

Please note, that Acorn HTML5 multimedia player does not provide any fallback for old browsers, or those that don’t support the provided video format.

License: MIT license.

Demos:

https://ghinda.net/acornmediaplayer/demos.html

Usage / Documentation:

https://ghinda.net/acornmediaplayer

Get this HTML5 video player plugin from GitHub:

https://github.com/ghinda/acornmediaplayer

See also:

PragmaticPlayerJs – jQuery plugin for embedded youtube and HTML5 videos

YT – jQuery Youtube video gallery plugin

Enjoy!

Share:Share on Facebook2Share on Google+0Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest1