1***@qq.com
1***@qq.com
  • 发布:18 分钟前
  • 更新:17 分钟前
  • 阅读:23

video组件播放hls视频第一次会自动暂停

分类:uni-app x

视频卡片列表,点开始播放后动态创建video组件。第一次播视频A,开始播放后会立刻自动暂停,然后播放视频B也立刻自动暂停,然后再播视频A和视频B就不会出现自动暂停。

IDE日志:
11:25:59.001 [video-player] waiting url=https://media2.cx-congenial.com/rtp/34042001771325555895_34042001771325555895/hls.m3u8 at components/video-player.uvue:749
11:26:05.098 [video-player] pause url=https://media2.cx-congenial.com/rtp/34042001771325555895_34042001771325555895/hls.m3u8 at components/video-player.uvue:741
11:26:08.574 [video-player] waiting url=https://media2.cx-congenial.com/rtp/34042001771329878640_34042001771329878640/hls.m3u8 at components/video-player.uvue:749
11:26:14.145 [video-player] pause url=https://media2.cx-congenial.com/rtp/34042001771329878640_34042001771329878640/hls.m3u8 at components/video-player.uvue:741
11:26:17.635 [video-player] waiting url=https://media2.cx-congenial.com/rtp/34042001771325555895_34042001771325555895/hls.m3u8 at components/video-player.uvue:749
11:26:25.424 [video-player] waiting url=https://media2.cx-congenial.com/rtp/34042001771329878640_34042001771329878640/hls.m3u8 at components/video-player.uvue:749

18 分钟前 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

您好,关于您在 uni-app x 中使用 video 组件播放 HLS(m3u8)视频首次自动暂停的问题,提供以下排查建议:

根据 App 端 video 组件文档,App 平台的 video 组件底层使用 ijkplayer 库实现,针对 m3u8 等流媒体协议有特定的属性配置。您可以尝试以下优化方案:

  1. 设置 M3U8 优化模式:为 video 组件添加 play-strategy="2" 属性。文档指出,该值为 M3U8 优化模式,专门针对 m3u8 播放场景进行优化,可能有助于改善首次播放缓冲导致的状态异常。

  2. 关闭本地缓存:文档明确说明 http-cache 属性不适用于 m3u8 等流媒体协议。如果您的 video 组件默认开启了该属性,建议显式设置为 http-cache="false",避免因缓存策略不匹配导致播放异常。

  3. 调整播放时机:由于您是动态创建 video 组件,可能存在组件尚未完全初始化就调用 play() 的情况。建议在动态创建组件后,使用 this.$nextTick 或监听 @canplay、@loadedmetadata 等事件,确保组件就绪后再触发播放,避免因初始化时机冲突导致首次播放被自动暂停。

您可以参考以下文档获取更多 video 组件属性说明:

如果上述方案仍无法解决,建议您前往 ask 社区 提交问题并附上可复现的示例代码,以便进一步排查。

内容为 AI 生成,仅供参考

要回复问题请先登录或注册