Acorn Media Player - HTML5 media player - jQuery plugin

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

Features

Accessiblity

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.

Closed-Captions

This is yet no native support for closed captioning on HTML5

Transcript

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

Other features

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

How to use

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.

Themes

These are the themes included with the player:

• access(default theme) Includes child theme accesslight

• darkglass Includes child theme darkglasssmall

• barebones

Participate

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

License

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.

Fallback?

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.