如何通过滚动页面控制视频播放和停止

我们除了需要获取用户当前滚动页面距离顶部的距离,还需要获取当前窗口的高度,每个视频距离文档顶部的距离,获取到这几数据才能做处理。”

如果一屏不同时出现两个视频,我们一般选择视频上部完全进入窗口,和视频下部刚刚移出窗口两个边界作为播放视频的区域!”

 

$("#video1").offset().top-$(document).scrollTop()>0就可以看作视频顶部完全进入屏幕,window.innerHeight-(topnum1+$("#video1").height())>0可以看作视频下部没有移出屏幕,所以我使用了一下jquery的scroll(窗口滚动事件),在页面滚动过程中进行实时判断:



转自老炉传说

猜你喜欢

转载自my.oschina.net/u/1425277/blog/1603767