Question

我可以使用以下代码触发事件：

HTML：

<div style = "z-index:-10">
     <video id ="MoonVid" width="100%"  autoplay="" type="video/mp4" src="vid/Clip 4LowNoSoundHand.mp4"></video>
 </div>

JQuery的：

 $("#MoonVid").bind('ended', function(){
  //console.log("Here we go!")
  $('html, body').animate({
      scrollTop: $("#slide-2").offset().top
    }, 3000);

}）;

但是当我将loop属性添加回视频标签时：

<div style = "z-index:-10">
     <video id ="MoonVid" loop= "" width="100%"  autoplay="" type="video/mp4" src="vid/Clip 4LowNoSoundHand.mp4"></video>
 </div>

事件不会触发，这是有道理的，因为视频仍在播放，（或永不结束）因此从不调用该事件。我的问题是如何在视频播放一次后触发JQuery事件，同时保持视频无限期运行。

想法？非常感谢这个最激动人心的社区！

Answer 1

我没有对它进行测试，但这似乎是我尝试并让我知道的逻辑

删除循环属性

$("#MoonVid").bind('ended', function()
{
    $(this)[0].play();
    $('html, body').animate(
    {
      scrollTop: $("#slide-2").offset().top
    }, 3000);
});

HTML循环视频播放一次后触发事件，同时保持视频永久循环

1 个答案: