隐藏容器时回滚视频

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秒）。

有没有办法做到这一点？提前完成。

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();