uni-app 快应用 播放器多个问题

uni-app 快应用 播放器多个问题

操作步骤:

  • 进入播放页面播放器进入播放界面

预期结果:

  1. 进入播放后控制条能自动隐藏。
  2. 首次自动播放能监听到play事件。
  3. show-center-play-btn生效,隐藏播放器中心播放按钮。

实际结果:

  1. 第一个问题:快应用下 设置了controls = true 但是不能自动隐藏,需要点击触发控制条后才能自动隐藏
  2. 第二个问题:快应用进入页面自动播放无法监听play播放事件,手动触发控制条播放才能触发
  3. 第三个问题:show-center-play-btn 设置以后,快应用下播放器里面一直有一个灰色的播放按钮没办法隐藏。

bug描述:

<video  
      :id="domId"  
      :ref="domId"  
      :src="src"  
      :autoplay="true"  
      :show-fullscreen-btn="screenbtn"  
      :show-loading="false"  
      :controls="true"  
      :vslide-gesture-in-fullscreen="false"  
      :show-center-play-btn="false"  
      @waiting="waiting"  
      @progress="bindprogress"  
      @play="bindplay"  
      @timeupdate="bindtimeupdate"  
      @error="binderror"  
      @ended="bindended"  
      @pause="bindpause"  
      @fullscreenchange="screenstatus"  
      v-if="src != ''"  
    ></video>
  1. 第一个问题:快应用下 设置了controls = true 但是不能自动隐藏,需要点击触发控制条后才能自动隐藏
  2. 第二个问题:快应用进入页面自动播放无法监听play播放事件,手动触发控制条播放才能触发
  3. 第三个问题:show-center-play-btn 设置以后,快应用下播放器里面一直有一个灰色的播放按钮没办法隐藏。

更多关于uni-app 快应用 播放器多个问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

问题1和2 已确认快应用厂商的bug,已联系快应用处理 问题3暂不支持,已联系快应用厂商处理

更多关于uni-app 快应用 播放器多个问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


已加分,感谢您的反馈!

针对uni-app快应用视频播放器的问题,以下是专业分析:

  1. 控制条自动隐藏问题: 快应用平台下视频控制条默认不会自动隐藏,这是平台原生实现差异。建议通过监听touch事件手动控制controls属性切换,或使用快应用原生video组件的controlshide属性(需条件编译处理)。

  2. 自动播放监听失效: 快应用平台对自动播放策略较严格,建议:

  • 使用ready事件替代首次播放监听
  • 添加muted属性提高自动播放成功率
  • 通过setTimeout延迟检查播放状态
  1. 中心按钮隐藏问题: show-center-play-btn在快应用平台可能存在兼容问题,建议:
  • 检查快应用基础库版本
  • 尝试通过css覆盖隐藏(条件编译快应用平台)
  • 使用poster属性覆盖中心按钮区域

代码调整建议(快应用平台专有处理):

// 条件编译快应用平台
// #ifdef quickapp
this.$nextTick(() => {
  setTimeout(() => {
    this.autoPlayCheck()
  }, 500)
})
// #endif
回到顶部