javascript - 如何从特定位置开始播放 HTML 5 视频？

Question

<video width="320" height="240" controls>
  <source src="Video.mp4#t=03,20" type="video/mp4">
  Your browser does not support the video tag.
</video>

在我的代码中，视频从 3 分 20 秒开始。我想在 html5 中设置 #t=03,20 后从头开始播放视频。我该怎么做？

Answer 1

<video id="vid1" width="320" height="240" controls loop>
  <source src="Video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

您必须等到浏览器知道视频的持续时间，然后才能搜索到特定时间。

     <script>
      window.onload=function(){
                  document.getElementById('vid1').addEventListener('loadedmetadata', function() {
                  this.currentTime = 200;
            }, false  );

       };             
     </script>

或

function restart1() 
{ var video1 = document.getElementById("vid1");
 video1.currentTime = 0; 
} 

<video id="vid1" width="320" height="240" onclick="restart1();" controls> 
       <source src="Videos.mp4#t=03,61" type="video/mp4">
        Your browser does not support the video tag. 
</video>