javascript - 如何实现像美拍那种在滚动页面时自动播放暂停视频的功能?
PHPz
PHPz 2017-04-11 13:24:20
0
1
587

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

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

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

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

PHPz
PHPz

学习是最好的投资!

모든 응답(1)
大家讲道理

点击查看

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!