西瓜播放器xgplayer设置自动播放

司徒嘉祥
2023-12-01

前言:

用西瓜播放器xgplayer做rtsp直播流的播放,想要在页面加载时自动播放。
设置autoplay:ture,muted:ture,嘿没有成功!
在网上找了半天,设置手动触发play.play(),修改参数,都没有用.
最后在某个网友的评论里面找到了怎么设置自动播放,当场惊呼太强了。
一是因为文档里面完全没有这个属性,
二是因为找了半天网友都没有说怎么设置自动播放,
三是为什么别的播放插件只要设置autoplay:ture,muted:ture,就可以自动播放了,这个西瓜播放器插件不行啊摔桌! ,还要设置autoplayMuted: true

自动播放设置:
autoplay: true,
autoplayMuted: true,
自动播放失败后,尝试自动播放:
this.player.once('complete', () => {
  console.log('complete')
  try {
    this.player.play() // 尝试再次执行播放
    setTimeout(() => { // 500毫秒收检测
      if (!this.player.hasStart && this.player.currentTime ===
        0) { // hasStart返回false,并且播放时间还是0,那么就可以认为自动播放失效了
        isAutoPlay = false;
      }
    }, 500)
  } catch (e) {
    console.log(e);
  }
})

 类似资料: