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

Posted

技术标签:

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

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

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

<iframe   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 应用程序现在正在这样做 - 在应用程序中,自动播放,而不是在单独的视频窗口中。很想知道他们是如何解决这个问题的。 【参考方案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  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>

【讨论】:

以上是关于如何在 Phonegap ios 应用程序中嵌入 youtube 视频的主要内容,如果未能解决你的问题,请参考以下文章

Wistia 视频未出现在 iOS 上的 Phonegap 应用程序中

如何防止我的 Phonegap 应用在 ios 上全屏播放视频?

Phonegap / Cordova Youtube 在 iOS 上嵌入视频不起作用

如何在 WP7 - Phonegap 中播放嵌入的视频?

PhoneGap:如何跳过 inAppBrowser 以使用 Safari 打开 url

如何将 UIImage 传递给 phonegap 以在 Image 控件中查看?