javascript - 视频结束后返回开始位置

Question

这个问题已经有答案了:

make html5 video go to first frame when it ends? (2 个回答)

已关闭 8 年前。

我的 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;
   }
 }
});

有什么想法可以让视频在结束后重新开始播放吗？

Answer 1

您所做的基本上是检查加载元数据后视频是否已结束，例如在浏览器中加载视频的元数据。视频结束后，您需要使用一个事件。

使用 onending 事件来代替

  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/