循環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視頻，

回答

相關問題