JS监听video视频播放时间

采用原生时间监听element.addEventListener(eventfunctionuseCapture)

 //监听播放时间 var video = document.getElementById(videoName); //使用事件监听方式捕捉事件 video.addEventListener("timeupdate",function(){ var timeDisplay; //用秒数来显示当前播放进度 timeDisplay = Math.floor(video.currentTime); var popCut=popTime //视频弹出时间 //当视频播放到 maxpopCut的时候做处理 if(timeDisplay == popCut||timeDisplay>popCut){ video.pause() //视频暂停 play();视频播放 video.setAttribute(src,‘‘); //去除src内容 video.style.display="none"; $(.navBar).css(z-index,‘‘) $(.layer-box).show() var scroTop=$(document).scrollTop() //滚动条距离顶部的位置 $(.layer-box).css(top,scroTop+px) //弹出框顶部位置 // 当弹出层出现的时候,禁止弹出层背景层滑动,阻止事件传递冒泡 function move(e){ e.preventDefault();//禁止事件冒泡 } $(.layer-box).on(touchmove,move, false)//弹出层出现,弹出层的背景层阻止默认滑动事件  $(.share-btn).click(function(){ console.log(跳转 ) window.location.href="${path}/share/toShare?id="+webPageId //window.open("${path}/share/toShare?id="+webPageId) //$(‘.navBar‘).css(‘z-index‘,‘99‘) }) } },false) 

 

相关文章