停止循環播放HTML5視頻

有什麼方法可以解決HTML5視頻在沒有JavaScript或「簡單」JavaScript的情況下循環播放的問題？停止循環播放HTML5視頻

我已在視頻循環在這裏頁面：

http://uweb.txstate.edu/~j_f166/video_testing/html5video.html

爲什麼會暫停？

明天我正在向我的班級教授HTML5視頻。如果沒有使用JavaScript的解決方法，它們會更容易。如果我們需要包含JavaScript，那麼爲了消除暫停，什麼可能是最少量的JavaScript代碼？

2014-11-02 jill

將「loop」屬性添加到您的視頻標籤。

<video controls loop> 
    <source src="movie.mp4" type="video/mp4"> 
    <source src="movie.ogg" type="video/ogg"> 
    Your browser does not support the video tag. 
</video>

此外，只是爲了說明它，您的示例頁面上的資產目前沒有找到。確保它們被正確引用。

來源

2014-11-02 20:50:43 Alex

的ID和它的意思是整個頁面的背景環路視頻。 – jill 2014-11-02 22:47:10

這將通過CSS和JS處理以調整

視頻無法載入您提供的鏈接。「循環」屬性應該工作，你也可以嘗試

var video1 = document.getElementById("video"); 
video1.onended = function(e) { 
    video1.play(); 
}

，其中「視頻」將是您的視頻元素

<video id="video">

來源

2014-11-02 21:05:50 Lajon

我在視頻標記中有循環。抱歉，它現在只適用於Chrome。我只是想爲初學者演示Chrome的技巧。 – jill 2014-11-02 22:46:43

停止循環播放HTML5視頻

回答

相關問題