vvipLin
vvipLin
  • 发布:2021-09-29 15:43
  • 更新:2024-02-22 14:57
  • 阅读:2017

【报Bug】uniapp video 出现重新播放按钮 必须手动点击后才能消失

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 10.15.7

HBuilderX类型: 正式

HBuilderX版本号: 3.2.3

手机系统: Android

手机系统版本号: Android 7.1.1

手机厂商: vivo

手机机型: X9

页面类型: vue

打包方式: 离线

项目创建方式: HBuilderX

示例代码:
<video @error="videoErrorCallback" id="'video_' + i" class="video" title="" :src="item.src" :direction="-90" show-progress="false" object-fit="fill" autoplay="false" :loop="false" :muted="true" :controls="true" :danmu-btn="false" :enable-danmu="false" :page-gesture="false" show-fullscreen-btn="true" :show-play-btn="true" :show-center-play-btn="false" :show-loading="false" :enable-progress-gesture="false" http-cache="false" :play-strategy="3"></video>

videoErrorCallback: function(e){
console.log('视频错误信息:e===='+JSON.stringify(e))
setTimeout(function(){
self.videoContext.stop();
},100)
setTimeout(function(){
self.videoContext.play();
},1000)
},

操作步骤:

第一次播放如果触发了error事件。video界面上会出现红色的重新播放按钮。通过error事件中,如果通过代码控制video重新播放,video上的红色重新播放按钮仍然存在,必须手动点击才会消失。

预期结果:

代码控制重新播放后,重播按钮自动消失。

实际结果:

代码控制重新播放后,重播按钮仍然存在。

bug描述:

uniapp离线打包或者自定义基座,第一次播放如果触发了error事件。video界面上会出现红色的重新播放按钮。通过error事件中,如果通过代码控制video重新播放,video上的红色重新播放按钮仍然存在,必须手动点击才会消失。 安卓手机都会出现这个问题。不是特定机型的问题。

2021-09-29 15:43 负责人:无 分享
已邀请:
陵域

陵域

你好,请问你有解决这个问题吗?

p***@shengjiai.com

p***@shengjiai.com

请问这个问题有解决方案吗?我也遇到了

HRK_01

HRK_01

换成这个播放url会复现该问题吗?
https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4
如果复现,可否提供一个简单复现的demo

陵域

陵域

可以使用nvue解决,但好像会有另一个问题

要回复问题请先登录注册