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

【问题标题】：Ionic iOS app not displaying or playing local mp4 fileIonic iOS 应用程序不显示或播放本地 mp4 文件
【发布时间】：2016-04-09 04:49:06
【问题描述】：

我有一个 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 文件。但是，作为测试，我还尝试使用以下标记从 www/img 文件夹中显示<img>：

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

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

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

有什么想法吗？

【问题讨论】：

标签： javascript ios html ionic html5-video

【解决方案1】：

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

编辑：科尔多瓦版本：5.4.1 离子框架版本：1.2.1 Ionic CLI 版本：1.7.12

【讨论】：

这是通过 Ionic 应用程序实现的吗？
是的，我在一个 Ionic 应用程序中对其进行了测试，我在 ionic build ios / android 执行并安装到设备中。