2014-08-31 32 views
1

我有簡單的簡單的標記在我的HTML開始:返回視頻時,它的結束

<video id="vid" controls="controls"> 
    <source src="mov_bbb.mp4" type="video/mp4"> 
</video> 

試過這樣:

$(document).ready(function(){ 
myVid=document.getElementById("vid"); 
    myVid.onloadedmetadata=function(){ 
    if (myVid.ended == true) { 
    myVid.currentTime = 0; 
    } 
} 
}); 

任何想法如何,我可以返回視頻時,它的結束開始?

+0

@ 3rror404看到它,它不工作 – Rahil 2014-08-31 14:39:35

回答

1

你在做什麼基本上是檢查加載元數據後視頻是否已經結束,例如在瀏覽器中加載視頻的元數據。視頻結束後,您需要使用一個事件。

使用onended事件,而不是

myVid.onended = function(e) { myVid.currentTime = 0; myVid.play(); } 

試試這個...

$(document).ready(function(){ 
    myVid=document.getElementById("vid"); 
    myVid.onended = function(e) { myVid.currentTime = 0; myVid.play(); } 
}); 

這裏是一個的jsfiddle如果你不敢相信我。 http://jsfiddle.net/004s1fun/

+0

不幸的是不起作用 – Rahil 2014-08-31 14:44:42

+0

不,不工作,你可以在這裏http://www.w3schools.com/tags/tryit.asp CHACK你的代碼的一部分? filename = tryhtml5_av_prop_ended – Rahil 2014-08-31 14:52:47

+0

如果你插入'myVid.onended = function(e){myVid.currentTime = 0; myVid.play(); }'它有效,只是試了一下。 – thoggy 2014-08-31 14:53:37