在iOS / iPhone上的Ionic / Cordova / PhoneGap应用中的内联YouTube视频

时间:2015-11-30 15:52:03

标签: ios iphone cordova youtube ionic

如何在iPhone上的Ionic / Cordova / PhoneGap应用中内嵌YouTube视频?我已经在这里尝试了所有顶级搜索结果,Google无济于事。无论我是使用iframe,对象还是通过YouTube iframe api嵌入,视频都会全屏显示。

有很多iOS应用可以实现这一目标。他们如何实现这一目标?这可能会以某种方式被劫持并实施到Cordova应用程序中吗?例如,通过Cordova插件?

3 个答案:

答案 0 :(得分:4)

正如@Zhou Hao在评论中补充的那样,你还需要

<allow-navigation href="*://*.youtube.com/*" />

没有它,它在Android中运行良好,但iOS中没有显示任何内容(iframe的内容为<html><body></body></html>)。

添加后,它在iOS上运行良好。

这是Cordova iOS 4.2.0。

答案 1 :(得分:1)

我终于有了这个工作。

首先,插入YouTube视频:

<iframe class="embed-responsive-item"  src="https://www.youtube.com/embed/XL9528Gohe0?autohide=1&playsinline=1&showinfo=0" frameborder="0" allowfullscreen=""></iframe>

接下来,关闭Xcode并编辑 config.xml (通常在项目的根目录中)。

在其他偏好设置下添加此行:

<preference name="AllowInlineMediaPlayback" value="true" />

保存,重建项目,在Xcode中打开并再次运行。您的YouTube视频现在应该以内嵌方式播放。在iPhone 6上测试最新的iOS(9.1)。

答案 2 :(得分:0)

根据文档,使用playsinline作为播放器参数。 youtube API