HTML5 Video Player Test/Proof-of-concept June 11, 2013
Things that work:
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).
This is proof-of-concept code, not production-ready.
It requires an
HTML5 video-ready browser
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
, which this demo uses for the progress bar and volume slider.
Your browser does not support HTML5 video.
Loading video metadata...