Custom video player with jQuery and CSS3

Default dark theme

This player uses the default simpledark theme. This "parent" theme sets rules for all the controls from scratch.

It's being called using:

$('#video1').gVideo();

Smalldark child theme

This second example uses the smalldark child theme. This theme builds upon the rules set by the default parent theme. It adds and overwrites styles, and uses the same technique as for the volume slider to show and hide the controls.

It's being called using:

$('#video2').gVideo({
  childtheme:'smalldark'
});