JS监听video视频播放时间

采用原生时间监听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)

//监听播放时间 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)

采用原生时间监听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)