13

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

4

3 回答 3

8

试试下面的代码希望它对你有帮助

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>

这对我来说很有帮助....

于 2014-01-16T05:36:14.160 回答
5

我对 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*" />

希望这可以帮助。

于 2016-09-24T17:44:11.870 回答
0

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

 <!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>
于 2015-12-28T05:27:10.397 回答