判斷video.js中視頻真正處於播放狀態並可以用來監聽視頻播放次數


在回調函數中添加監聽,

var myPlayer = videojs('my-video', {},function(){

  this.on('timeupdate', function() {

    //somethings

  })

})

這個監聽中的代碼會一直執行,所有如果只監聽一次,做一個判斷

if($(".vjs-remaining-time-display").html()=='0:00'){ //視頻真正開始播放
//somethings
}

 ps:這段代碼后來經過測試,在視頻播放完點擊replay時,不會進入條件,於是改為

if($(".vjs-remaining-time-display").html()=='0:00' || (this.currentTime()==0 && $(".vjs-remaining-time-display").html()=='-0:00'))
{ //視頻真正開始播放
//somethings
}
但是在QQ瀏覽器中又監聽不到,最后又修改了判斷條件,並設置一個變量來控制只執行一次,最終代碼見下:

var myPlayer = videojs('my-video', {},function(){
  var oneTime = true;
  this.on('ended', function () {
  console.log('結束播放');
  oneTime = true;
  });
    this.on('timeupdate', function() {
    if ($(".vjs-remaining-time-display").html() != '0:00' && oneTime) { //判斷視頻真正開始播放 和 重新播放
        //somethings
      oneTime = false;
    }
    })
})
 
        


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM