Jq滚动条控制视频自动播放和自动暂停
项目需要根据用户窗口判断是否在视频窗口,入口在视频窗口则播放,否则暂停。
//通过scroll监听窗口活动 $(window).scroll(function() { // 获取视频窗口距离顶部的距离、滚动条的位置 var TvHeight = $("video").offset().top, ScrollTop = $(this).scrollTop(); //判断当前浏览器是否在视频播放窗口,900:视频窗口的高度 if(TvHeight - ScrollTop < 900){ //播放视频 $('video').trigger('play'); } if(TvHeight - ScrollTop < "-900" || TvHeight - ScrollTop < "-900"){ //暂停播放 $('.video').trigger('pause'); } });
版权声明:本文由 LzxBlog 发布,如需转载请注明出处。