在某个页面宽度处关闭自动播放,以及在视口外时暂停视频

loading...


0

嗨,任何人都可以告诉我这两段代码是否发生冲突?我想为手机上的用户关闭自动播放功能,但我还希望顶级bg视频在桌面上看不到时暂停,我有一种感觉,即“其他,播放”部分代码可能会让视频开始自动播放移动

$(document).ready(function(){
var screenWidth = $(window).width();
// if window width is smaller than 800 remove the autoplay attribute
// from the video
if (screenWidth < 800){
      $('video').removeAttr('autoplay');
} else {
  $('video').attr('autoplay');
}
});

$(window).scroll(function(){
if ($(window).scrollTop() < 100) {
    $('video').get(0).play();
} else {
    $('video').get(0).pause();
} 
});

loading...

0回答

No Data

评论

暂时没有评论!