uni-app ios播放视频时黑屏，在源码的errorHandler事件中打印报错信息e，报错内容为{“isTrusted”:true}。但同一个视频链接在安卓端能正常播放。

问题描述

ios播放视频时黑屏，在源码的errorHandler事件中打印报错e，报错信息为{"isTrusted":true}。但是同一个视频链接在安卓上可以正常播放。

sinazl 1楼•3 小时前

解决了吗请问怎么解决的

ionicwang 2楼•3 小时前

解决了吗请问怎么解决的

eggper 3楼•3 小时前

针对你提到的uni-app在iOS端播放视频时出现黑屏，并在errorHandler事件中捕获到{"isTrusted":true}的错误信息，而同一个视频链接在安卓端能正常播放的问题，这通常可能与iOS系统的视频播放组件或相关权限配置有关。以下是一些可能的解决方案代码示例，帮助你排查和解决问题。

1. 检查视频组件的配置

确保你的<video>标签在uni-app中的配置是正确的。例如：

<template>
  <view>
    <video
      id="myVideo"
      src="https://example.com/your-video.mp4"
      controls
      autoplay
      @error="handleError"
    ></video>
  </view>
</template>

<script>
export default {
  methods: {
    handleError(e) {
      console.error('Video error:', e);
      // 可以进一步解析e对象，查看是否有更详细的错误信息
      if (e && e.message) {
        console.error('Detailed error message:', e.message);
      }
    }
  }
}
</script>

2. 确认iOS系统权限

iOS系统对于视频播放可能需要特定的权限，尤其是当视频不是通过HTTPS协议加载时。确保你的视频链接是通过HTTPS提供的，或者检查iOS项目的Info.plist文件，看是否有必要的权限设置。

3. 使用H5+ API进行视频播放

如果原生的<video>标签在iOS上存在问题，可以尝试使用uni-app提供的H5+ API来播放视频，这可能绕过某些系统级的限制：

// 引入H5+扩展API
const plus = window.plus || {};

export default {
  mounted() {
    const videoPlayer = plus.webview.create('https://example.com/your-video.mp4', '_blank', {
      system: true, // 系统视频播放器
      hidden: false
    });
    videoPlayer.show();
    videoPlayer.addEventListener('error', (e) => {
      console.error('Video player error:', e);
    });
  }
}

4. 检查视频格式和编码

不同的设备和操作系统对视频格式和编码的支持可能有所不同。确保你的视频文件符合iOS设备的播放要求。通常，MP4格式和H.264编码的视频在大多数设备上都能很好地工作。

5. 更新uni-app和相关依赖

确保你的uni-app框架和相关依赖库都是最新版本，有时候框架的更新会修复一些特定平台的bug。