鸿蒙app中video报ERR_FAILED uni-app
鸿蒙app中video报ERR_FAILED uni-app
| 项目属性 | 值 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境 | Mac |
| PC开发环境版本号 | 26.1 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 4.86 |
| 手机系统 | HarmonyOS NEXT |
| 手机系统版本号 | HarmonyOS 5.1.0 |
| 手机厂商 | 模拟器 |
| 手机机型 | arm |
| 页面类型 | vue |
| vue版本 | vue3 |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
操作步骤:
https://rimg.nbniukang.com:1443/recog_pic/2025-10-14/bc41e420d1af480c9905ec85811f3714.mp4<video class="video-item" id="'video' + index" poster="item.recogUrl" src="item.videoUrl" controls @play="playVideo(index)">
预期结果:
https://rimg.nbniukang.com:1443/recog_pic/2025-10-14/bc41e420d1af480c9905ec85811f3714.mp4<video class="video-item" id="'video' + index" poster="item.recogUrl" src="item.videoUrl" controls @play="playVideo(index)">
实际结果:
https://rimg.nbniukang.com:1443/recog_pic/2025-10-14/bc41e420d1af480c9905ec85811f3714.mp4<video class="video-item" id="'video' + index" poster="item.recogUrl" src="item.videoUrl" controls @play="playVideo(index)">
bug描述:
鸿蒙app中video报ERR_FAILED,无法播放视频
更多关于鸿蒙app中video报ERR_FAILED uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html
更多关于鸿蒙app中video报ERR_FAILED uni-app的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
在HarmonyOS NEXT环境下出现video组件报ERR_FAILED错误,通常与网络协议、视频格式兼容性或系统安全策略有关。以下是几个关键排查方向:
-
HTTPS协议强制要求
HarmonyOS NEXT对网络请求的安全策略较为严格,视频资源必须使用HTTPS协议。你的视频地址为https://rimg.nbniukang.com:1443/...,需确认证书有效且未被系统拦截。可尝试在浏览器中直接访问该URL验证可用性。 -
视频格式兼容性
鸿蒙系统对视频编码格式(如H.264)和容器格式(如MP4)有特定要求。建议使用标准编码的MP4文件,避免非常规编码参数。 -
跨域问题(CORS)
若视频资源部署在第三方域名下,需服务端配置正确的CORS头部(如Access-Control-Allow-Origin: *),否则可能被鸿蒙系统拦截。 -
模拟器网络限制
使用模拟器时可能存在网络代理或防火墙限制。可尝试切换至真机测试,或检查模拟器的网络配置是否允许访问外部资源。 -
代码层适配
在vue3中,建议通过ref获取video实例,在onMounted中检查视频元数据加载状态:const videoRef = ref(null); onMounted(() => { if (videoRef.value) { videoRef.value.addEventListener('error', (e) => { console.error('Video error:', e.target.error.code); }); } });

