videoErrorCallback: function(e){
console.log('视频错误信息:e===='+JSON.stringify(e))
setTimeout(function(){
self.videoContext.stop();
},100)
setTimeout(function(){
self.videoContext.play();
},1000)
},
![vvipLin](https://img-cdn-tc.dcloud.net.cn/account/identicon/a0f23becdc2b5ae9c6f46f03898ed74a.png)
- 发布:2021-09-29 15:43
- 更新:2024-02-22 14:57
- 阅读:2017
产品分类: 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>
操作步骤:
第一次播放如果触发了error事件。video界面上会出现红色的重新播放按钮。通过error事件中,如果通过代码控制video重新播放,video上的红色重新播放按钮仍然存在,必须手动点击才会消失。
第一次播放如果触发了error事件。video界面上会出现红色的重新播放按钮。通过error事件中,如果通过代码控制video重新播放,video上的红色重新播放按钮仍然存在,必须手动点击才会消失。
预期结果:
代码控制重新播放后,重播按钮自动消失。
代码控制重新播放后,重播按钮自动消失。
实际结果:
代码控制重新播放后,重播按钮仍然存在。
代码控制重新播放后,重播按钮仍然存在。
bug描述:
uniapp离线打包或者自定义基座,第一次播放如果触发了error事件。video界面上会出现红色的重新播放按钮。通过error事件中,如果通过代码控制video重新播放,video上的红色重新播放按钮仍然存在,必须手动点击才会消失。 安卓手机都会出现这个问题。不是特定机型的问题。