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

标签 javascript ios html ionic-framework 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 文件。但是,作为测试,我还尝试显示 <img>。使用以下标记从 www/img 文件夹中:

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

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

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

有什么想法吗?

最佳答案

经过快速测试后,我只需要使用常规的 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.1 Ionic CLI 版本:1.7.12

关于javascript - Ionic iOS 应用程序不显示或播放本地 mp4 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34610380/

相关文章:

javascript - FormPanel ExtJs 3.2 中的多列

ios - 将 SQL 存储添加到 NSPersistentStoreCoordinator 时如何调试/处理间歇性 "authorization denied"和 "disk i/o"错误?

ios - 使用标签在 TableView 中检索数据的问题

javascript - 带动画下划线的中心链接

html - IE7 中的 CSS 问题

javascript - 将多个选择选项的值添加到输入值

javascript - 不在 Angular 选择下拉列表中显示特定资源

ios - 推送的 ViewController 显示未分配的背景颜色

所有单元格中的 Javascript onClick 事件

javascript - mapDispatchToProps 速记导致流类型检查错误