HTML5 video custom controls with canvas as video scrubber
--:--:-- /  --:--:--

See Also: My first failed attempt and Adding Canvas HTML5 Volume Controls (#3)

So the range input I tried to use last time proved to be a disaster as well as breaking completely in Firefox. This time around I am using the canvas element to handle the video scrubber and while not perfect, definitely a step in the right direction.

Presumably there are or will be canvas libraries out there that will allow more of a stage/movieclip style of coding canvas interactions but for now I prefer to learn the hard way.

Caveats I learned today:

Aa you can see I am saving space for volume and full screen buttons and then I can circle back and clean up all this code, make it look better, make it work better, and wait for IE9... which interestingly enough appears to be on the horizon clicky