如何在 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 上嵌入视频不起作用