Question

我正在尝试从特定点播放视频，但它的错误是“无法读取属性'addEventListener'的null”。

 <!DOCTYPE html> 
 <html> 
<body> 

    <video id="myVideo" width="320" height="176" controls>
        <source src="https://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
        <source src="https://vjs.zencdn.net/v/oceans.webm" type="video/webm">
        Your browser does not support HTML5 video.
    </video>

    <script>
        var vid = document.getElementById("myVideo");
        vid.onloadedmetadata = function () {

            document.getElementById('vid').addEventListener('loadedmetadata', function () {
                this.currentTime = 50;
            }, false);

        };
    </script> 

    <p>Video courtesy of <a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>

</body>

Answer 1

document.getElementById('vid')使用了身份vid，但您的视频标识为myVideo。

这是暗示“无法读取属性'addEventListener' of null ”

你似乎也想要两次添加一个eventHandler ......我认为这是更正后的代码。

var vid = document.getElementById("myVideo");
vid.onloadedmetadata = function () {
    this.currentTime = 50;
};

Answer 2

谢谢..我使用

工作了

  <script>
        var vid = document.getElementById("myVideo");
        vid.onloadedmetadata = function () {
            this.currentTime = 10;
            this.play();

        };
    </script>

Answer 3

由于视频的长度小于50秒，因此将currentTime设置为小于或等于视频长度的秒数将起作用：

Uid: {
    MyStuff: {
        AutoID: {
            itemName: “Apocalypse”,
            itemExpires: “December 21, 2012”,
            itemType: “Catastrophic”,
            key: “autoID”
        }
    }
}

从特定点在html上运行视频

3 个答案: