亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

通過video的timeupdate事件檢測視頻無法播放實例說明

標簽:
Html5

需求说明:

视频正文页在做视频联播时会遇到视频无法播放或者解析异常的情况,希望遇到有问题视频时可以跳过当前视频。

事件说明:

Video对象可以通过ontimeupdate事件来报告当前的播放进度,即在播放位置发生改变时触发该事件,我们可以通过监听该事件来判断视频是否正常播放。

实例说明:

视频无法播放是视频点击播放按钮后停留在0秒,此时已经触发timeupdate事件。视频解析异常则是不会触发timeupdate事件,所以实例中我们通过这两种方式来进行判断。

var videoJudje = false;//用于判断无法解析var currentTime = 0;//用于判断无法播放var videoDom = document.getElementById("video");function getWrongVideo(videoDom){    var videoWrong;//定时器   
    videoDom.addEventListener("timeupdate",videoShow,"false");    function videoShow(){
        videoJudje = true;
        currentTime = videoDom.currentTime;        if(currentTime > 1){
           videoDom.removeEventListener("timeupdate",videoShow,"false");
            clearTimeout(videoWrong); 
        }
    };
    videoWrong = setTimeout(function(){       if(videoJudje == false||currentTime == 0){            //此处添加发现错误视频之后的处理函数                                  
            videoDom.removeEventListener("timeupdate",videoShow,"false");
        } 
    },5000);
}

缺陷说明:

  • 虽然条件判断为currentTime>1时移除timeupdate监听,但是由于执行时间的问题,通常currentTime到4、5秒才执行移除。

  • 通过定时器延迟5秒来判断视频是否出问题,在网速等相关问题的影响下,会发生误判,及好的可以正常播放的视频也会被判断为有问题的,所以该判断无法达到绝对准确
    ps:有错误的地方还请多多指教



作者:进击的程序茗
链接:https://www.jianshu.com/p/64f6d1b66d72


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消