简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 如何实现像美拍那种在滚动页面时自动播放暂停视频的功能？
PHPz
PHPz 2017-04-11 13:24:20
0
1
572

举个例子：http://www.meipai.com/user/65...

当滚动页面的时候，超出视口的视频将自动暂停，进入视口的视频当自动播放，请问这是如何实现的？

我的想法是给body添加scroll属性，并获取各个视频的getBoundingClientRect对象，判断它们的top值，当top值在一定范围内（如0-600px）时，就自动插入视频，当top值为负数时就自动暂停视频。

但我感觉这样有些麻烦，也不是知道对不对，请问大家还有其它的解决办法吗？

PHPz
PHPz

学习是最好的投资！

reply all(1)
大家讲道理
大家讲道理2017-04-11 13:26:20 1 floor

点击查看

Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！