uni-app微信浏览器 video 标签 seek无效

uni-app微信浏览器 video 标签 seek无效

2 回复

大佬解决了吗

更多关于uni-app微信浏览器 video 标签 seek无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在微信浏览器中,video 标签的 seek 操作无效,通常是由于微信浏览器对视频播放控制的限制导致的。以下是可能的原因及解决方案:

1. 微信浏览器限制

  • 微信浏览器对视频播放有较严格的管控,特别是对非用户主动触发的播放和跳转行为。
  • seek 操作可能被微信浏览器阻止,尤其是在视频未播放或未完全加载时。

2. 解决方案

  • 确保视频已加载并播放
    • 在调用 seek 前,确保视频已开始播放(例如,通过用户点击播放按钮触发)。
    • 示例代码:
      // 先播放视频,再跳转
      this.videoContext.play()
      setTimeout(() => {
        this.videoContext.seek(10) // 跳转到第10秒
      }, 500) // 延迟确保播放已开始
      
  • 使用 uni.createVideoContext
    • 在 uni-app 中,使用 uni.createVideoContext 获取视频上下文,再调用 seek 方法。
    • 示例:
      const videoContext = uni.createVideoContext('myVideo')
      videoContext.seek(10)
回到顶部