我有一个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上。
有什么想法吗?
答案 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