i'm trying seek ahead 10 seconds when spacebar pressed using html5 video. works expected when using online video source, when download video (right-click , save video as), , reference harddrive, instead resets video beginning when press spacebar. problem seems specific chrome; works expected in explorer , firefox.
comment line 5 , uncomment line 6 use local source , show problem:
<!doctype html> <html lang="en"> <body> <video id="video" controls tabindex="0" autobuffer preload> <source type="video/mp4; codecs="avc1.42e01e, mp4a.40.2"" src="http://www.html5rocks.com/tutorials/video/basics/chrome_imf.mp4"></source> <!-- <source type="video/mp4; codecs="avc1.42e01e, mp4a.40.2"" src="chrome_imf.mp4"></source> --> </video> <script> var video = document.getelementbyid("video"); document.addeventlistener( "keydown", onkeyevent, true); function onkeyevent(event) { if (event.keycode == 32) // "space" { if(event.type == "keydown") // seek forward 10s , play video { video.currenttime = 10; video.play(); } } } </script> </body> </html> tested chrome 45, internet explorer 11 , firefox 41 windows 8.1.
Comments
Post a Comment