HTML5 Video Player Test/Proof-of-concept June 11, 2013
Things that work:
Uses default browser player in full-screen mode, if JavaScript is disabled, or on a touch device.
Fast forward & rewind (if browser supports).
Jump forward & backward 10 seconds.
Space bar triggers play/pause.
Volume slider adjusts video's volume.
Moving the mouse over buttons shows hints.
When paused, the arrow keys can be used for frame by frame. Holding the shift key with the arrows scrubs the video by a second instead of a frame. This also works in full-screen mode.
Double-clicking toggles the video's play/pause.
Hitting the [Enter] key toggles full screen mode. Though exiting full screen mode is broken in Opera ([esc] still works).
Caveats:
This is proof-of-concept code, not production-ready.
Currently, Safari is the only browser with native HTML5 rewind support. Manually coding rewind support for other browsers can be done with a lot of time and effort.
Most versions of Firefox don't support input range, which this demo uses for the progress bar and volume slider.