如何在 Phonegap ios 应用程序中嵌入 youtube 视频答案

【问题标题】：How to embed youtube video in Phonegap ios app如何在 Phonegap ios 应用程序中嵌入 youtube 视频
【发布时间】：2013-10-29 15:03:25
【问题描述】：

我一直在寻找解决方案很长时间，但我只能找到与旧版本 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 应用程序。谁能帮忙，不胜感激。

【问题讨论】：

我看到新的 facebook 应用程序现在正在这样做 - 在应用程序中，自动播放，而不是在单独的视频窗口中。很想知道他们是如何解决这个问题的。

标签： ios cordova

【解决方案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>

这对我很有帮助....

【讨论】：

这确实有效。无法理解为什么这个答案没有引起注意。不错的解决方案！
这是经过数小时研究后奏效的第一个答案。
我们遇到了同样的问题，它仍然对您有用吗？你能分享一个完整的例子吗？

【解决方案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*" />

希望这会有所帮助。

【讨论】：

我们遇到了同样的问题，即使使用这些线路，它仍然对您有用吗？你能分享一个完整的例子吗？

【解决方案3】：

有什么我想做的改变吗..

 <!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>Document</title>
 </head>
 <body>
 <!--<iframe width="560" height="315"src="https://www.youtube.com                  
 /embed/Qhl5B4K1N0k" frameborder="0"allowfullscreen></iframe>-->

 <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>
 </body>
 </html>

【讨论】：