Liangxiaoman
- 发布：2020-07-28 15:35
- 更新：2020-11-09 13:41
- 阅读：2385
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Intel(R) xeon(R) cpu E3-1231 v3 @340GHz 3.40Ghz
HBuilderX类型： 正式
HBuilderX版本号： 2.8.2
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： huawei mate 30
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
App下载地址或H5⽹址： 内网，未上线
示例代码：
<video
ref="myVideos"
id="myVideo"
enable-progress-gesture="false"
page-gesture="false"
initial-time="0"
controls="false"
show-fullscreen-btn="false"
show-center-play-btn="false"
object-fit="contain"
style="boxStyle"
loop="true"
poster="commentsfn.avatar"
autoplay="true"
src="http://183.240.22.86/upic/2020/05/26/11/BMjAyMDA1MjYxMTI0MDlfNTQzMzU2MTQ2XzI5MjkyODc0MTI0XzFfMw==_b_B3c45621e8bb098f7a30267a7efa185b7.mp4"
></video>
src="http://183.240.22.86/upic/2020/05/26/11/BMjAyMDA1MjYxMTI0MDlfNTQzMzU2MTQ2XzI5MjkyODc0MTI0XzFfMw==_b_B3c45621e8bb098f7a30267a7efa185b7.mp4"
></video>
操作步骤：
直接播放，让其自动循环，等待就会出现
直接播放，让其自动循环，等待就会出现
预期结果：
一直循环
一直循环
实际结果：
循环几次会卡住，一直加载转圈的界面
循环几次会卡住，一直加载转圈的界面
bug描述：
video组件循环播放会卡住,项目中是在一个短视频的功能里面使用的video组件，设置属性loop使视频循环播放，但是视频自动循环播放几次之后，就会卡住，排除问题我新建了一个空白的文件，里面只有一个video组件，设置同样的视频地址，出现一样的问题了，查看百度也有很多一样的问题反馈，在多个安卓手机上测试依旧如此，ios目前没有出现，请帮忙解决？谢谢
他这个循环没有缓冲功能，播放完了就是再加载一遍视频，无语了
-
-
-
回复 Liangxiaoman: 我现在是用v-html写的 例如：'<video id="myVideo" ref="myVideo" src="'+detail.vurl+'" style="width:100%;height:100%;" loop="true" enable-progress-gesture="false" @timeupdate="getVideoTime" poster="false" autoplay="true" webkit-playsinline="true" playsinline="true" >'+'</video>'
2020-09-14 17:24
Liangxiaoman (作者)
还没有解决，先避开了，后续看有没有方案
2020-08-22 16:46