HTML5視頻無法重新啓動

在此先感謝您提供的任何幫助。我遇到的問題是，單擊按鈕時，下面的代碼在JavaScript函數中。期望的行爲是，點擊按鈕時，視頻淡入，播放10秒，然後淡出。然後再次單擊該按鈕時，會重複此行爲。HTML5視頻無法重新啓動

問題是，第二次單擊該按鈕時，視頻淡入，但已經在視頻的末尾，然後在10秒後淡出。任何想法爲什麼vid.currentTime沒有正確地重置視頻？

var webm = document.getElementById('src'); 
webm.src = "src.webm"; 
var vid = document.getElementById('video'); 
vid.currentTime = 0; 
vid.play(); 


vid.fadeToggle(1000); 
setTimeout(function() { 
    vid.fadeToggle(1000); 
}, 10000);

，這是視頻文件導入

<video id="video" width="100%" Style="Display:none"> 
    <source id="src" src="src.webm" type="video/webm" /> 
</video>

附加信息已經到了光。這隻發生在Chrome瀏覽器中，並且在Chrome本地打開時也不會發生，只有當html頁面通過快遞靜態提供時纔會發生。

來源

2015-10-14 Atocil

它也當你不發生t重置''src？ – Kaiido

想通了，這只是一個問題，在Chrome和似乎與這個問題做：

can't seek html5 video or audio in chrome

來源

2015-10-21 23:26:55 Atocil

嘗試

vid.load();，而不是vid.currentTime = 0;

來源

2015-10-14 21:18:43

由於某種原因，如果我做vid.load（）;即使第一次加載時，我所得到的卻是黑屏，而不是我的視頻。 – Atocil

雖然這段代碼可能會回答這個問題，但提供關於爲什麼和/或該代碼如何回答問題的其他內容可以提高其長期價值。 – Christian

也許你可以嘗試autplay添加到視頻屬性，但我認爲，視頻將開始循環。

<video id="video" width="100%" Style="Display:none" autoplay>

或者您可以將此函數或javascript行添加到您的按鈕功能。

vid.load();

來源：http://www.w3schools.com/tags/av_met_load.asp

來源

2015-10-14 21:25:30 Broccoli

HTML5視頻無法重新啓動

回答

相關問題