返回视频,以便在视频结束时开始播放

时间:2014-08-31 14:35:40

标签: javascript jquery html5-video

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

任何想法如何在视频结束时返回视频?

1 个答案:

答案 0 :(得分: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/