2013-10-29 116 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

相關問題