Question

我正在尝试使用HTML5视频按下空格键10秒。它在使用在线视频源时按预期工作，但是当我下载video（右键单击并保存视频），并从我的硬盘驱动器中引用它时，它会在我按下时将视频重置为开头空格键。问题似乎是Chrome特有的;它在Explorer和Firefox中按预期工作。

注释第5行并取消注释第6行以使用本地来源并显示问题：

<!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=&quot;avc1.42E01E, mp4a.40.2&quot;" 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 and play video
                    {
                        video.currentTime = 10;
                        video.play();
                    }
                }
            }
        </script>

    </body>
</html>

使用Chrome 45，Internet Explorer 11和带有Windows 8.1的Firefox 41进行测试。

使用currentTime查找本地视频在Chrome

0 个答案: