判断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;
    }
    })
})
 
 

转载于:https://www.cnblogs.com/toggle/p/9047283.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值