Javascript jquery-自动播放HTML5视频滚动。如果单击了视频,则不要';不要在卷轴上播放

Javascript jquery-自动播放HTML5视频滚动。如果单击了视频,则不要';不要在卷轴上播放,javascript,html,jquery,video,Javascript,Html,Jquery,Video,我正在尝试设置一个jquery脚本,当它滚动到视图中时在我的页面上播放视频,当它滚动到视图中时暂停。目前有效!(所附代码在网上找到) 问题是,如果用户暂停视频并稍微滚动,视频会再次启动。 有没有办法在我当前的代码中添加一个选项来检查视频是否被点击过?在这种情况下,不会自动播放 这是我目前的代码: $(document).ready(function() { var media = $('video').not("[autoplay='autoplay']");

我正在尝试设置一个jquery脚本,当它滚动到视图中时在我的页面上播放视频,当它滚动到视图中时暂停。目前有效!(所附代码在网上找到)

问题是,如果用户暂停视频并稍微滚动,视频会再次启动。 有没有办法在我当前的代码中添加一个选项来检查视频是否被点击过?在这种情况下,不会自动播放

这是我目前的代码:

$(document).ready(function() {
     var media = $('video').not("[autoplay='autoplay']");
     var tolerancePixel = 40;
     function checkMedia(){
      var scrollTop = $(window).scrollTop() + tolerancePixel;
      var scrollBottom = $(window).scrollTop() + $(window).height() - tolerancePixel;
      media.each(function(index, el) {
       var yTopMedia = $(this).offset().top;
       var yBottomMedia = $(this).height() + yTopMedia;
       if(scrollTop < yBottomMedia && scrollBottom > yTopMedia){ 
        $(this).get(0).play();
        } else {
           $(this).get(0).pause();
           }
       });
      }
     $(document).on('scroll', checkMedia);
    });
$(文档).ready(函数(){
var media=$('video')。不是(“[autoplay='autoplay']”);
var公差像素=40;
函数checkMedia(){
var scrollTop=$(窗口).scrollTop()+公差像素;
var scrollBottom=$(窗口).scrollTop()+$(窗口).height()-公差像素;
媒体。每个(功能(索引,el){
var yTopMedia=$(this).offset().top;
var yBottomMedia=$(this).height()+yTopMedia;
如果(scrollTopyTopMedia){
$(此).get(0.play();
}否则{
$(this.get(0.pause());
}
});
}
$(文档)。在('scroll',checkMedia)上;
});