- 发布：2021-07-30 10:13
- 更新：2022-08-21 16:04
- 阅读：1361
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.22
手机系统： iOS
手机系统版本号： iOS 12.4
手机厂商： 苹果
手机机型： 6/7/X
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
<video class="video" :style="{height: height + 'px',width: width + 'px'}" id="myVideo" :poster="actdetail.cover"
src="https://ocular-pro.oss-cn-beijing.aliyuncs.com/file/20210728/uplload/92D71CE532E541389F6BE2736D4A58F8.mp4" :show-fullscreen-btn="false" :show-center-play-btn="false" :loop="true" :page-gesture="false" :autoplay="true"
enable-progress-gesture="true" :enable-play-gesture="true" :show-loading="false" :controls="true" :muted="false"
show-play-btn="false" danmu-btn @pause="pausevideo" @play="play" :http-cache="true" @ended="endedvideo" :play-strategy="0" @click="handClick()">
</video>
操作步骤：
<video class="video" :style="{height: height + 'px',width: width + 'px'}" id="myVideo" :poster="actdetail.cover"
src="https://ocular-pro.oss-cn-beijing.aliyuncs.com/file/20210728/uplload/92D71CE532E541389F6BE2736D4A58F8.mp4" :show-fullscreen-btn="false" :show-center-play-btn="false" :loop="true" :page-gesture="false" :autoplay="true"
enable-progress-gesture="true" :enable-play-gesture="true" :show-loading="false" :controls="true" :muted="false"
show-play-btn="false" danmu-btn @pause="pausevideo" @play="play" :http-cache="true" @ended="endedvideo" :play-strategy="0" @click="handClick()">
</video>
预期结果：
用组件自带循环播放 安卓和苹果循环切换过度效果一样好
用组件自带循环播放 安卓和苹果循环切换过度效果一样好
实际结果：
安卓机型过度良好，苹果手机卡顿明显 体验很差
安卓机型过度良好，苹果手机卡顿明显 体验很差
bug描述：
（uniapp nvue页面 MP4视频格式 横全屏播放）video组件循环（loop：true）播放视频ios端切换卡顿明显，很明显看到画面卡顿很久 过度效果很差，在安卓手机上就好很多 过度的可以忽略不计，麻烦给解决方案是什么原因？ 怎么去解决这个比较好？？安卓和苹果效果差距很大？？急急急！！！ 下面贴上组件代码 可以调试看下 就只看当前组件播放循环效果（把网络途径换到下载到本地播放 还是一样效果）
2 个回复
Liuxingxing - 90后
官方都没人管吗
1***@qq.com
官方demo上下滑动切换视频 ios 都有问题，最后结尾处会卡一下，再进行下一次循环，安卓这边没事。 还有m3u8 视频只能播放一次，无法循环播放。