2013-10-29 82 views
10

我一直在寻找一个解决方案很长时间,但我可以找到的东西都是与手机老版本相关的东西。如何在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应用程序的早期版本。任何人都可以帮助,这将不胜感激。

+0

我现在看到新的Facebook应用程序正在执行此操作 - 在应用程序,自动播放中,而不是在单独的视频窗口中。想知道他们是如何解决这个问题的。 – Eskim0

回答

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> 

这帮助充满了对我....

+1

这真的很有用。无法理解为什么这个答案没有被关注。好的解决方案 – Sauvage

+0

这是经过数小时研究后的第一个答案。 – bentsai

+0

我们有这个相同的问题,它仍然适合你吗?你能分享一个完整的例子吗? – sbsbessa

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

希望这有助于。

+1

即使使用这些行,我们也遇到同样的问题,它仍然适合您吗?你能分享一个完整的例子吗? – sbsbessa

相关问题