Custom HTML5 video controls #1
--:--:-- /  --:--:--

See Also: Canvas as HTML5 Video Scrubber (#2) and Adding Canvas HTML5 Volume Controls (#3)

Obviously this is tapping into the bare minimum of the video controls, but hey, you gotta start somewhere, right?

Using a range input as a scrubber seemed like an obvious choice for me, but afterwards it really proved to be a big fucking pain in my ass.

The controls are rendered using the following image, loosely based on the YouTube one.