- 发布：2023-05-28 17:38
- 更新：2023-10-18 11:04
- 阅读：374
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows11
HBuilderX类型： 正式
HBuilderX版本号： 3.8.3
手机系统： 全部
手机机型： iphone
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<video :ref="'item'+i" :id="item._id" :src="item.src" :muted="item.isplay" @play="nowPlay(item)" @pause="nowPause(item)" @error="videoErr"
enable-progress-gesture="false" :page-gesture="false" :controls="false" :http-cache="true"
show-loading="false" :show-fullscreen-btn="false" :loop="true" :play-strategy="2"
@ended="nowEnd(item)"
show-center-play-btn="false" :style="boxStyle" :object-fit="item|videoObjectFit"
@timeupdate="timeupdate($event,i)"></video>
操作步骤：
写入video 组件 loop=“true” 视频地址选用https://video.xiaoxiongzijia.com/asset/cdf8337115fba2e5707cf19cf0711ad3/play_video/602da1dce575e101e0e0c4aae061b425.m3u8
等待播放完成就会出现
写入video 组件 loop=“true” 视频地址选用https://video.xiaoxiongzijia.com/asset/cdf8337115fba2e5707cf19cf0711ad3/play_video/602da1dce575e101e0e0c4aae061b425.m3u8
等待播放完成就会出现
预期结果：
应该循环播放
应该循环播放
实际结果：
一直触发@play 和 @end，无法播放
一直触发@play 和 @end，无法播放
bug描述：
video组件开启loop="true" 播放完后部分m3u8视频无法循环播放，一直触发@play 和 @end，有时候甚至出现网络错误，错误信息：
{
"type": "error",
"timeStamp": 1685266018594,
"target": {
"id": "517",
"dataset": {},
"offsetLeft": 0,
"offsetTop": 0
},
"currentTarget": {
"id": "517",
"dataset": {},
"offsetLeft": 0,
"offsetTop": 0
},
"detail": "network error",
"stopPropagation": "function() { [native code] }"
}
2 个回复
1***@qq.com
老哥这个问题你解决了吗
1***@qq.com
我也遇到了这样的问题，解决了吗