Ionic iOS应用程序无法显示或播放本地mp4文件

时间:2016-01-05 11:16:07

标签: javascript ios html5 ionic html5-video

我有一个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上。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

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

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