移动端 iOS 设置 video 的 currentTime 无效解决方法

移动端 iOS 设置 video 的 currentTime 无效解决方法,第1张

需要记录视频的播放进度,重新进入时回到退出前的位置,并继续播放

但是ios直接赋值currentTime无效,原因就是判断资源可播放时(canplay)再设置才可以,所以要根据不同系统判断一下,上代码

// 判断是否安卓设备
isAndroid() {
  const u = navigator.userAgent;
  if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
    return true;
  }
  return false;
},
// 设置播放时间
initPlayer() {
  const videoRef = this.$refs.video;
  if (this.isAndroid()) {
   videoRef.currentTime = this.options.currentTime ?? 0;
  } else {
    videoRef.addEventListener('canplay', () => { 
      try {
        if (videoRef.currentTime === 0) {
          videoRef.currentTime = this.options.currentTime ?? 0;
        }
      } catch (error) {
        console.warn('@VideoRef: set currentTime', error);
      }
    });
  }
}

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/993155.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存