<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