iOS / iPhone上的Ionic / Cordova / PhoneGap应用程序内嵌YouTubevideo

如何在iPhone上的Ionic / Cordova / PhoneGap应用程序中内嵌播放YouTubevideo? 我已经尝试了所有在这里的最好成绩和谷歌无济于事。 无论是embeddediframe,对象,还是通过YouTube iframe api,video始终以全屏方式打开。

有很多的iOS应用程序可以实现这一点。 他们如何实现这一目标? 这可以以某种方式被劫持和实施到cordova的应用程序? 通过cordova插件,例如?

正如@周浩在评论中所说的,你也需要

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

没有它,它在Android中工作正常,但没有在iOS中显示(iframe的内容是<html><body></body></html> )。

添加后,它也在iOS上正常工作。

这是与cordovaiOS 4.2.0。

我终于得到了这个工作。

首先,插入YouTubevideo,如下所示:

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

接下来,closuresXcode并编辑config.xml (通常在你的项目的根目录下)。

在其他首选项下添加此行:

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

保存,重build项目,在Xcode中打开并重新运行。 你的YouTubevideo现在应该在线播放。 在iPhone 6上testing最新的iOS(9.1)。

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