<script type="text/javascript">
var go;//记录video播放器位置
var video=document.querySelectorAll('video')//获取页面中所有video
for(var i=0;i<video.length;i++) {
(function (v) {
video[v].addEventListener('play',function(e){
if(go){
if(go!=this){
go.pause();//暂停播放
go.currentTime = 0;//跳转0秒
}
}
go = this;
});
})(i);
}
$(window).scroll(function () {//监听滚动条
if(go){
var top = go.getBoundingClientRect().top;//实时获取当前video距离窗口顶部
var bottom = go.getBoundingClientRect().bottom;//实时获取当前video距离窗口底部
if(bottom<0 || top>$(window).height()){//判断video是否在有效区域
go.pause();//暂停播放
go.currentTime = 0;//跳转0秒
}
}
});
</script>您可能在找更多
swiper3使用display:none切换后不自动播放等bug的解决方法
swiper3多个进行display:none切换时,会造成切换后无法自动播放和位移的情况用一下方法就可解决1、初始化添加observer: true,observerParents: true参数,解决位移或错位的问题var Swiper = new Swiper(".index", {loop: true,observer:true,observeParents:true,autoplay: 1000, //可选选项,自动滑动spaceBetween: 20,autoplayDis
小黑 JS相关2020-07-20