Question

我有一个视频，我想在页面加载时自动播放，并在结束时从特定点（16秒）循环。如果我在HTML中添加“autoplay”，则视频根本不会循环。如果我在HTML中添加“循环”视频循环但忽略EventListener。如果我不添加循环或自动播放并手动播放视频，它会像我想要的那样在16秒循环。

如何在页面加载时进行视频自动播放，并在16秒后循环播放？以下是我的代码：

	  document.getElementById('video1').addEventListener('ended', function(){
		this.currentTime = 16; 
		this.play();
		}, false);

			<video id="video1" width="100%" autoplay  >
			<source src="video1.webm" type="video/webm">			  
		  </video>

Answer 1

我设法重现了当我在 head 标记中而不是在底部使用代码时遇到的问题。我的测试看起来像这样：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>html video</title>
  </head>

  <body>
    <div >
        <video id="video1" width="100%" autoplay controls>
            <source src="test2.webm" type="video/webm">           
        </video>
    </div>
  </body>
  <script>
        document.getElementById('video1').addEventListener('ended', function(){
                this.currentTime = 16; 
                this.play();
        }, false);
    </script>
</html>

当我自动播放HTML5视频时，我无法从特定点循环播放

1 个答案: