1. 程式人生 > >JS監聽video視訊播放時間

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)