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)协议的支持特性有关。以下为可能原因及解决方案:

  1. M3U8格式兼容性
    iOS原生仅支持标准HLS协议,需确保M3U8文件符合以下要求:

    • 使用HTTPS协议(iOS强制要求)
    • 视频编码为H.264,音频为AAC/MP3
    • TS分片时长建议2-10秒
  2. HTTPS强制要求
    将视频源地址改为HTTPS:

    liveSrc: 'https://cmgw-vpc.lechange.com:8888/...' // 需服务端支持SSL
    
  3. 扩展播放器功能
    manifest.json中启用增强播放器:

    "app-plus": {
      "video": {
        "player": "native"
      }
    }
    
  4. 网络请求配置
    检查是否受跨域或Cookie策略影响,可在manifest.json配置:

    "networkTimeout": {
      "request": 30000
    }
回到顶部