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