當其容器隱藏時回滾視頻

Question

到目前爲止，我可以暫停視頻，但不會將其回滾到開始位置（以便下次從0開始）。

<video id="video" src="videos/movie.ogg" type='video/ogg' controls='controls'> 
    Your brwoser doesn't seems to support video 
</video> 

jQuery代碼：

$('#video')[0].pause();//Pause video 

好吧，它已暫停，但很明顯，下一次我會得到從那裏得到了暫停的視頻運行。我需要回滾視頻並將其置於初始狀態（0秒）。

有沒有辦法做到這一點？提前Thanx。

Answer 1

應該

$('#video')[0].currentTime = 0; 

W3C current Time doc

Answer 2

可以使用currentTime的方法。

$('#video')[0].currentTime = 0; 

Answer 3

要做到這一點，最好的辦法是使用load method。如果沒有海報暫停的正常視頻，並將currentTime設置爲0可能沒問題，至少如果您有海報屬性，它將無濟於事。

加載方法讓瀏覽器根據視頻的當前標記重新啓動其播放器，並且它是源/跟蹤孩子。如果從那時起屬性沒有改變，它將創建一個真正的完整回滾到視頻的初始狀態。

$('video').get(0).load(); 
//in case you are using a autoplay attribute for the first time, but don't want have it after your rollback, do the following 
$('video').eq(0).prop('autoplay', false).get(0).load();