Html Video Tag 无法加载本地路径

Question

我有一个在 iOS 应用程序中作为 WebView 运行的 React 应用程序。当我需要来自 iOS 应用程序的文件时，应用程序将返回文件及其在 iOS 设备中的本地路径。

数据看起来像

file: {
  thumbnail: "file:///var/mobile/C......png",
  path: "file:///var/mobile/C......mp4",
}

然后在 React 应用程序中，我使用路径和 html video 标签来播放视频。

<video poster={file.thumbnail}>
  <source src={file.path} type="video/mp4" />
</video>

结果是可以成功加载海报，但是视频文件本身不能。

我的问题是，如果 url 作为本地路径存在一些问题，那么 poster 也应该失败。那么为什么只有视频源失败呢？是因为我错过了什么吗？还是因为poster 和source 在后台处理方式不同，所以只有source 失败？

Answer 1

您可以将视频和图像文件移动到您的项目中并将它们保存在资产中。我认为它会变得更容易，并且“路径”不会像那样长，可读。 只是我的看法。