如何在Phonegap中嵌入YouTube视频ios应用程序
问题描述:
我一直在寻找一个解决方案很长时间,但我可以找到的东西都是与手机老版本相关的东西。如何在Phonegap中嵌入YouTube视频ios应用程序
基本上,我需要包括在我的应用程序的一些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应用程序的早期版本。任何人都可以帮助,这将不胜感激。
答
尝试下面的代码希望这将有助于全为您
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>
这帮助充满了对我....
答
有我想要做的任何改变..
<!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>
答
我有一个类似的问题与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*" />
希望这有助于。
+1
即使使用这些行,我们也遇到同样的问题,它仍然适合您吗?你能分享一个完整的例子吗? – sbsbessa
我现在看到新的Facebook应用程序正在执行此操作 - 在应用程序,自动播放中,而不是在单独的视频窗口中。想知道他们是如何解决这个问题的。 – Eskim0