循环播放带有媒体片段的视频?

van*_*353 5 javascript html5 html5-video

我正在尝试在视频URL(具有媒体片段)暂停时循环播放。我设置了一个侦听器,以在视频暂停时调用loopVideo()函数:

function loopVideo() {
    var video = document.getElementById('Video1');
    var videoFile = 'file1.mp4#t=10,10'; 
        video.src = videoFile;
        video.play();       
};

document.getElementById('Video1').addEventListener('paused', loopVideo(), false);
Run Code Online (Sandbox Code Playgroud)

到目前为止,该视频片段只播放一次,但在暂停时不会循环播放。我的代码中是否有错误,还是媒体片段是问题所在?

che*_*han 3

这是两年后的事了,但我还是要发布这个,因为我最近才遇到这个问题。基本上我所做的是动态获取媒体片段中的值,然后在timeupdate视频事件侦听器中检查当前时间是否大于媒体片段的上限。如果它大于上限,我将当前时间设置为下限并播放视频。这是我使用的代码:

function checkMediaFragmentBounds(video, x,y) {
   if(video.currentTime > y) {
      video.currentTime = x;
      video.play();
   }
}
Run Code Online (Sandbox Code Playgroud)

然后这是一个正在运行的 JSFiddle:JSFiddle,您还可以在其中看到我获取媒体片段边界的逻辑。希望这可以帮助其他人寻找这个答案,因为这就是我发现这是在寻找答案的方式。