Question

希望您一切都好。在我的网站上，我有一个视频播放器，我想在滚动时暂停视频

html：

<video id="video_home" class="embed-responsive-item" loop="loop" playsinline="playsinline" autoplay="autoplay" class="vimeo-video" controls>
            <source src="img/video-home-rcn.mp4" type="video/mp4" />
            <source src="img/video-home-rcn.mp4" type="video/webm" />
            <source src="img/video-home-rcn.mp4" type="video/ogg" />
        </video>

jquery：

var myvid = $('#video_home')[0];
$(window).scroll(function(){
  var scroll = $(this).scrollTop();
  scroll > 500 ? myvid.pause() : myvid.play();
})

链接： https://html.canalrcn.com/CanalRCN/react/index-new-v2.html

Answer 1

通常，在DOC准备就绪后，您必须进行所有jQuery搜索，

var myvid; $(document).ready(function() { 
myvid = $('#video_home')[0]; 
})

或速记版本

$(funtion() { myvid = $('#video_home')[0]; })

如果无法正常工作，请在浏览器中使用javascript调试器，以查看jQuery是否找到您的目标OK。

Answer 2

在检查了链接之后，我得到了这个，您需要将+更改为var myvid = $('#video_home')[0];，因为您的视频没有任何ID。如果您想使用id，则使用var myvid = $('.embed-responsive-item')[0];类，然后将其添加到视频代码中。

未定义的属性“播放”

2 个答案: