jquery - 隐藏容器时回滚视频

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 当前时间文档

Answer 2

您可以使用 currentTime 方法。

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

Answer 3

最好的方法是使用load 方法。如果没有海报暂停的普通视频并将 currentTime 设置为 0 可能没问题，至少如果你有海报属性，这将无济于事。

load 方法让浏览器根据视频的当前标记和它的源/轨道子项重新启动它的播放器。如果从那时起属性没有改变，它将创建一个真实且完整的回滚到视频的初始状态。

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