为了账号安全,请及时绑定邮箱和手机立即绑定

如何实现像美拍那种在滚动页面时自动播放暂停视频的功能?

如何实现像美拍那种在滚动页面时自动播放暂停视频的功能?

www说 2018-09-11 13:30:03
举个例子:http://www.meipai.com/user/65...当滚动页面的时候,超出视口的视频将自动暂停,进入视口的视频当自动播放,请问这是如何实现的?我的想法是给body添加scroll属性,并获取各个视频的getBoundingClientRect对象,判断它们的top值,当top值在一定范围内(如0-600px)时,就自动插入视频,当top值为负数时就自动暂停视频。但我感觉这样有些麻烦,也不是知道对不对,请问大家还有其它的解决办法吗?
查看完整描述

1 回答

?
紫衣仙女

TA贡献1839条经验 获得超15个赞

查看完整回答
反对 回复 2018-10-19
  • 1 回答
  • 0 关注
  • 904 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信