直接上代码js部分:
<script type="text/javascript">
var go;//记录video播放器位置
var video=document.querySelectorAll('video')//获取页面中所有video
for(var i=;i<video.length;i++) {
(function (v) {
video[v].addEventListener('play',function(e){
if(go){
if(go!=this){
go.pause();//暂停播放
go.currentTime = ;//跳转0秒
}
}
go = this;
});
})(i);
}
$(window).scroll(function () {//监听滚动条
if(go){
var top = go.getBoundingClientRect().top;//实时获取当前video距离窗口顶部
var bottom = go.getBoundingClientRect().bottom;//实时获取当前video距离窗口底部
if(bottom< || top>$(window).height()){//判断video是否在有效区域
go.pause();//暂停播放
go.currentTime = ;//跳转0秒
}
}
});
</script>