HTML5視頻無法重新啓動

Question

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

問題是，第二次單擊該按鈕時，視頻淡入​​，但已經在視頻的末尾，然後在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頁面通過快遞靜態提供時纔會發生。

Answer 1

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

can't seek html5 video or audio in chrome

Answer 2

嘗試

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

Answer 3

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

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

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

vid.load(); 

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