鸿蒙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

1 回复

更多关于鸿蒙app中video报ERR_FAILED uni-app的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS NEXT环境下出现video组件报ERR_FAILED错误,通常与网络协议、视频格式兼容性或系统安全策略有关。以下是几个关键排查方向:

  1. HTTPS协议强制要求
    HarmonyOS NEXT对网络请求的安全策略较为严格,视频资源必须使用HTTPS协议。你的视频地址为https://rimg.nbniukang.com:1443/...,需确认证书有效且未被系统拦截。可尝试在浏览器中直接访问该URL验证可用性。

  2. 视频格式兼容性
    鸿蒙系统对视频编码格式(如H.264)和容器格式(如MP4)有特定要求。建议使用标准编码的MP4文件,避免非常规编码参数。

  3. 跨域问题(CORS)
    若视频资源部署在第三方域名下,需服务端配置正确的CORS头部(如Access-Control-Allow-Origin: *),否则可能被鸿蒙系统拦截。

  4. 模拟器网络限制
    使用模拟器时可能存在网络代理或防火墙限制。可尝试切换至真机测试,或检查模拟器的网络配置是否允许访问外部资源。

  5. 代码层适配
    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);
        });
      }
    });
回到顶部