JS監聽video視訊播放時間
阿新 • • 發佈:2018-12-22
採用原生時間監聽element.addEventListener(event, function, useCapture)
//監聽播放時間 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)