Acorn Media Player is a jQuery plugin implementing a custom HTML5

There are two articles online on Dev.Opera describing it's development:

• Building a custom HTML5 video player with CSS3 and jQuery
• A more accessible HTML5

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.

This is yet no native support for closed captioning on HTML5

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

Other notable features include:

• Easy customization and themeing
• Fullscreen support
• Buffering indicator
• support
• Loading indicator
• Remembers volume level using HTML5 localStorage
• Easy to use, understand and adapt
• Free and Open Source

1. Mark-up your and
2. Include jQuery and jQuery UI Slider
3. Include specific JavaScript and CSS for Acorn Media Player
4. Include the Theme(s)
5. Call the plugin

More details on the projects webpage.

These are the themes included with the player:

• access(default theme) Includes child theme accesslight

• darkglass Includes child theme darkglasssmall

• barebones

Please report any issues you may have using the GitHub issue tracker, and I'll do my best to fix them asap. Also, feel free to fork the project, I'll be glad to add back any improvements.

You can also email me directly at [email protected].

I know "copyright is for losers", but the media player is dual-licensed under the GPL and MIT licenses. You can use it under whichever of these suits you.

Acorn Media Player does not provide any fallback for browsers that are old, or don't support the provided video format.

This keeps you, the developer, from being locked into a certain fallback method. Most "other" video implementations(Flash, Silverlight, Java) have a lot of accessibility issues, so I'm not going to choose sides. Also, this way you can do things the way you want, and even if you later decide that you don't want to use this media player, your markup will stay the same and the fallback mechanism you chose will still work.

Take a look at Video for Everybody.

Acorn Media Player is a project by Ionut Cristian Colceriu.