uni-app iOS平台使用video组件播放m3u8流视频时,播放一两秒即停止,而Android平台正常
uni-app iOS平台使用video组件播放m3u8流视频时,播放一两秒即停止,而Android平台正常
示例代码:
<template>
<view>
<video
id="myVideo"
:src="liveSrc"
:autoplay="true"
:show-fullscreen-btn="false"
style="width: 100%;height: 400rpx;"
:muted="true"
></video>
</view>
</template>
<script>
export default {
data() {
return { liveSrc: 'http://cmgw-vpc.lechange.com:8888/LCO/6J07A41PAZE05FD/0/0/20210830T114029/89df2ce7672dfbdb02dd5bd223b66d27.m3u8' };
},
methods: {
}
};
</script>
<style></style>
操作步骤:
- 地址有效,直接播放地址
预期结果:
- m3u8正常播放
实际结果:
- 仅加载1秒,就停止播放
bug描述:
- iOS上使用video 播放m3u8流视频,一直是只播放一两秒就停止,再点击也是一样,Android上不会这样,代码是同样的
| 信息项 | 信息内容 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境 | Windows |
| PC开发环境版本 | x64 |
| HBuilderX类型 | 正式 |
| HBuilderX版本 | 3.2.3 |
| 手机系统 | iOS |
| 手机系统版本 | iOS 12.4 |
| 手机厂商 | 苹果 |
| 手机机型 | iphone6, iphone11(14.4) |
| 页面类型 | vue |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
更多关于uni-app iOS平台使用video组件播放m3u8流视频时,播放一两秒即停止,而Android平台正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html
7 回复
Bug已确认 下个版本会修复
更多关于uni-app iOS平台使用video组件播放m3u8流视频时,播放一两秒即停止,而Android平台正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html
iOS里webview里用tcplayer播放m3u8视频流也会一直暂停
问题已修复请更新 HX
请问这个是什么修复的? iOS下就没问题了么
请问这个是什么修复的?
我这里是直接转圈圈第一帧都加载不出来
iOS平台video组件播放m3u8流视频中断,通常与iOS系统对HLS(HTTP Live Streaming)协议的支持特性有关。以下为可能原因及解决方案:
-
M3U8格式兼容性
iOS原生仅支持标准HLS协议,需确保M3U8文件符合以下要求:- 使用HTTPS协议(iOS强制要求)
- 视频编码为H.264,音频为AAC/MP3
- TS分片时长建议2-10秒
-
HTTPS强制要求
将视频源地址改为HTTPS:liveSrc: 'https://cmgw-vpc.lechange.com:8888/...' // 需服务端支持SSL -
扩展播放器功能
在manifest.json中启用增强播放器:"app-plus": { "video": { "player": "native" } } -
网络请求配置
检查是否受跨域或Cookie策略影响,可在manifest.json配置:"networkTimeout": { "request": 30000 }

