如何在Phonegap ios应用中嵌入youtube视频

Question

我一直在寻找解决方案很长一段时间,但我能找到的是与旧版本的phonegap相关的东西.

我基本上需要在我的应用程序中包含一些youtubes视频,但目前使用包含代码,例如:

<iframe width="240" height="180" src="http://www.youtube.com/embed/PEfxz7PuI0g" allowfullscreen></iframe>

除了视频占用的空间外,这不显示任何内容,只是一个灰色框.我正在使用phonegap 2.9.0和最新版本的xCode.我已经尝试设置域名以允许youtube,但这没有帮助:

MediaPlaybackRequiresUserAction: NO
AllowInlineMediaPlayback: YES
OpenAllWhitelistURLsInWebView: YES
ExternalHosts
          *.youtube.com
          *.ytimg.com

我相信这是针对ios的早期版本的phonegap应用程序.任何人都可以帮忙,我们将不胜感激.

Answer 1

尝试下面的代码希望它能帮助你

var video_embeded ='PEfxz7PuI0g';

<object><param name="movie" value="https://www.youtube.com/v/'+video_embeded+'&hl=en_US&feature=player_embedded&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="https://www.youtube.com/v/'+video_embeded+'?suggestedQuality=medium&hl=en_US&feature=player_embedded&version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always"></embed></object>

这对我来说是完全有用的....

Answer 2

我有一个 PhoneGap 应用程序的类似问题。视频（YouTube 或 Vimeo）在 Android 上运行良好，但在 iOS 上只有一个空白空间。我尝试了许多不同的解决方案，但唯一真正有效的方法是在 config.xml 中添加以下几行：

<preference name="AllowInlineMediaPlayback" value="true" />
<preference name="MediaPlaybackRequiresUserAction" value="false" />   
<allow-navigation href="*youtube*" />
<allow-navigation href="*ytimg*" />

希望这可以帮助。