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

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.


Along with closed captions support, the player provides a dynamic transcript generated from the selected 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


These are the themes included with the player:

– access (default theme, includes child theme accesslight)

– darkglass (includes child theme darkglasssmall)

– barebones


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

Now call the plugin with the themes option:

    themes: 'access accesslight'


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.


Usage / Documentation:

Get this HTML5 video player plugin from GitHub:

See also:

PragmaticPlayerJs – jQuery plugin for embedded youtube and HTML5 videos

YT – jQuery Youtube video gallery plugin