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 发布,如需转载请注明出处。









赞助云储存