uni-app 集成敏行安全隧道后 video组件视频无法加载播放

uni-app 集成敏行安全隧道后 video组件视频无法加载播放

操作步骤：

  • 集成敏行安全隧道

预期结果：

  • video正常播放

实际结果：

  • video不能播放，无法加载

bug描述：

  • 我们手机app集成敏行安全隧道后，video组件无法播放视频。

| 信息类别         | 详细信息    |
|------------------|-------------|
| 产品分类         | uniapp/App  |
| PC开发环境操作系统 | Windows     |
| PC开发环境操作系统版本号 | win10       |
| HBuilderX类型    | 正式        |
| HBuilderX版本号  | 3.2.3       |
| 手机系统         | Android     |
| 手机系统版本号    | Android 10  |
| 手机厂商         | 华为        |
| 手机机型         | Mate30      |
| 页面类型         | vue         |
| 打包方式         | 云端        |
| 项目创建方式     | HBuilderX   |

更多关于uni-app 集成敏行安全隧道后 video组件视频无法加载播放的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 集成敏行安全隧道后 video组件视频无法加载播放的实战教程也可以访问 https://www.itying.com/category-93-b0.html


集成敏行安全隧道后，video组件视频无法播放，通常是由于安全隧道代理或网络策略导致视频流请求被拦截或域名解析异常。

核心排查点：

  1. 视频源协议与隧道兼容性：敏行安全隧道可能对非标准端口或特定协议（如rtmp、m3u8）支持有限。请确认视频源是否为https标准协议，并尝试更换为常见格式（如.mp4）测试。
  2. 网络请求拦截：安全隧道可能修改了全局网络请求头或代理设置，导致视频请求被重定向或阻塞。检查视频src是否为完整、正确的URL，并尝试在manifest.json的app-plus模块下配置不代理该视频域名：
"networkTimeout": {
  "request": 30000
}
  1. 跨域问题：若视频源为第三方域名，安全隧道可能引发跨域限制。需在服务端配置CORS响应头，或联系敏行技术支持确认隧道是否支持跨域资源加载。
  2. 组件属性配置：在video组件中尝试添加controls和autoplay属性，并设置objectFit="contain"，排除基础渲染问题。

临时验证方案：

  • 关闭敏行安全隧道功能，测试视频是否能正常播放，以确认问题是否由隧道引起。
  • 在onError事件中监听错误详情：
    <video [@error](/user/error)="videoError" :src="videoSrc"></video>

    videoError(e) {
  console.log('视频错误详情：', e.detail);
}
回到顶部