小编Mic*_*iro的帖子

超级黑客！

所以我尝试并搜索了几个小时，但似乎无法找到解决方案。在我的页面上，当用户滚动到页面的某个点时，我将其设置为自动播放视频的位置。它效果很好，但我发现视频一遍又一遍地循环很烦人。我只希望视频只播放一次，直到用户重新加载页面或访问新页面并返回。然后视频可以再次播放。这就是我得到的！

HTML：

<video id="vid" width="400">
      <source src="assets/img/me.mp4" type="video/mp4">
        Your browser does not support HTML5 video. Please update your browser.
</video>

JavaScript：

$(window).scroll(function(){
    var myVideo = document.getElementById("vid");
    // console.log($(window).scrollTop());
    if($(window).scrollTop() > 300 && $(window).scrollTop() < 975){
        myVideo.play();
    }else{
            myVideo.pause();
    }
})

没什么特别的，非常简单。我知道循环有一个名为“loop”的 html5 属性，我不知道这是否是我的答案？在一些 HTML5 文档中看到循环属性和值 0 似乎是我正在寻找的？但不知道该怎么做？

值 0（默认）：视频仅播放一次。

值 1：视频将循环播放（永远）。

预先感谢女士们先生们！我真的很感激你的时间。