zoukankan      html  css  js  c++  java
  • 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)
            
  • 相关阅读:
    C#三元运算符
    WIN系统查询版本
    C# switch 语句
    C#反编译
    AssemblyInfo.cs 文件信息
    win系统如何在桌面显示我的电脑
    MVC传值前台
    js去除html标记
    打开页面跳转到区域下的控制器
    Hive常用操作之数据导入导出
  • 原文地址:https://www.cnblogs.com/xxflz/p/10160879.html
Copyright © 2011-2022 走看看