javascript - Ionic iOS 应用程序不显示或播放本地 mp4 文件

Question

我有一个 Ionic 应用程序，我想在其中显示在后台播放的视频。对于 Android，我使用的是 Jaeger25 HTMLVideo 插件，它运行良好，但我也需要它在 iOS 上运行，但它不会播放视频。视频本身位于 www/img 文件夹中，对于 iOS，我的视频标签如下所示:

<video src="img/main.mp4" webkit-playsinline="" loop preload="" type="video/mp4" ng-if="!androidPlatform"></video>

当我尝试使用 Safari Web Inspector 调试它时，它说找不到 img/main.mp4 文件。但是，作为测试，我还尝试显示 <img>。使用以下标记从 www/img 文件夹中:

<img src="img/main.png" alt="" />

并且图像显示正确，所以我知道 src 路径是正确的。

mp4 的编码也是正确的，因为我可以将文件放在我的 DropBox 中并在我的 iPhone 上显示它。

有什么想法吗？

Answer 1

经过快速测试后，我只需要使用常规的 html5 视频标签，就可以得到一个视频播放器，其控件可以在 android 和 ios 上运行:
<video controls>
<source src="video/video.mp4" type="video/mp4">
</video>
视频文件位于www/video/video.mp4。 .我从 here 得到了一个测试 .mp4 文件.

编辑: Cordova 版本:5.4.1 ionic 框架版本:1.2.1Ionic CLI 版本:1.7.12