循环HTML5视频，

我试图循环使用jQuery，尤其是HTML视频的部分，视频播放到7秒，我想让它循环回0。我不能削减实际的视频七秒，并使用视频标签中的'循环'功能，因为Firefox和移动Safari不支持它。循环HTML5视频，

我之所以它需要循环回0是因为我们通过AirPlay的流的循环视频到Apple TV。我可以让它在iPhone（Mobile Safari）上循环播放，但当它到达视频的“结尾”时，AirPlay会停止。我想让浏览器无限期地玩下去，永远不会结束。

任何想法？

<script type="text/javascript"> // Script to loop back to back to 0 when it reaches 7 seconds </script>

...

<video id="myVideo" controls="controls" loop="loop"><source src="video.m4v" type="video/mp4" x-webkit-airplay="allow" /></video>

来源

2011-09-15 Brenta

<script type="text/javascript"> 
    $("#myVideo").bind("timeupdate", function(){ 
     if(this.currentTime > 7) 
      this.currentTime = 0; 
    }) 
</script>

来源

2011-09-15 03:14:31 Emroot

谢谢Emroot，不幸的是，它似乎没有循环回到0，当它达到7 ...我们错过了什么吗？ – Brenta

非常感谢您的帮助，不幸的是，播放头持续了七秒钟... – Brenta

尝试了这一点，但它仍然不停止并返回到0： '' – Brenta

这是一个轻微的另类...... https://stackoverflow.com/a/25722747/3681899

重要提示：小心大文件，因为它是更容易暂停。

<video id="video1" width="320" height="240" poster="movie.png" autoplay loop> 
    <!--<source src="movie.webm" type="video/webm">--> 
    <source src="http://www.w3schools.com/tags/movie.ogg" type="video/ogg"> 
    <source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4"> 
    <object data="http://www.w3schools.com/tags/movie.mp4" width="320" height="240"> 
    <!--<embed width="320" height="240" src="movie.swf">--> 
    </object> 
Optional test to be displayed if the browser doesn't support the video tag (HTML 5) 
</video> 

<script> 
(function() { 
    var vidElem = document.getElementById('video1'); 
    console.log(vidElem); 
    vidElem.addEventListener("timeupdate", function() { 
     if (vidElem.currentTime > 7) { 
      vidElem.currentTime = 0; 
      vidElem.play(); 
     } 
    }, false); 
})(); 
</script>

来源

2014-09-08 11:13:58 Tremours

循环HTML5视频，

回答

相关问题