Demos for A more accessible HTML5 <video> player on Dev.Opera

Defaults

"Sintel" is an independently produced short film, initiated by the Blender Foundation as a means to further improve and validate the free/open source 3D creation suite Blender. With initial funding provided by 1000s of donations via the internet community, it has again proven to be a viable development model for both open 3D technology as for independent animation film.

Notice: I strongly recommend that you download and watch this film in high quality from the official website. The version you can see here is only for demoing the media player.

www.sintel.org

Calling the plugin with the default options.

$('#demo1').acornMediaPlayer();

accesslight Child Theme with captions and trascript

"Sintel" is an independently produced short film, initiated by the Blender Foundation as a means to further improve and validate the free/open source 3D creation suite Blender. With initial funding provided by 1000s of donations via the internet community, it has again proven to be a viable development model for both open 3D technology as for independent animation film.

Notice: I strongly recommend that you download and watch this film in high quality from the official website. The version you can see here is only for demoing the media player.

www.sintel.org

Captions included using multiple track elements.

<track src="media/sintel_en.srt" kind="subtitles" srclang="en" label="English" />

Plugin called with the themes options.

jQuery('#demo2').acornMediaPlayer({
	theme: 'access accesslight'
});

barebones Child Theme

"Sintel" is an independently produced short film, initiated by the Blender Foundation as a means to further improve and validate the free/open source 3D creation suite Blender. With initial funding provided by 1000s of donations via the internet community, it has again proven to be a viable development model for both open 3D technology as for independent animation film.

Notice: I strongly recommend that you download and watch this film in high quality from the official website. The version you can see here is only for demoing the media player.

www.sintel.org

Plugin called with all available options.

jQuery('#demo3').acornMediaPlayer({
	theme: 'barebones',
	nativeSliders: 'true',
	volumeSliders: 'horizontal'
});