在iphone上的youtube視頻phonegap應用程序

我很抱歉再次回到這個話題，但我真的很沮喪！我已經閱讀了我發現的所有資源，在網上搜索，但我無法拿出明確的答案來解決我的問題。在iphone上的youtube視頻phonegap應用程序

問題描述
我正在創建一個帶有phonegap 1.0的iphone應用程序。在這個應用程序中，一個選項卡專用於來自我的YouTube頻道的RSS源，並且我希望我的用戶能夠在點擊特定條目後播放這些視頻。問題：可能嗎？最好的解決方案是在應用程序內播放視頻，但顯示縮略圖圖像並將用戶重定向到本機的YouTube應用程序也是可以接受的（即使在這種情況下，我希望當YouTube完成播放視頻時，我想讓控件回到原始應用程序）。

試圖解決方案
搜索在網絡上我發現了幾個解決方案，人們說，這些解決方案爲他們工作，但沒有人對我的工作！

使用「對象」的標籤，我結束了使用「嵌入」的標籤在白色屏幕

<object id="video" width="296" height="100%" data="http://www.youtube.com/v/gDjb9RVMF4c" type="application/x-shockwave-flash"> 
    <param name="allowfullscreen" value="true" /> 
    <param name="src" value="http://www.youtube.com/v/gDjb9RVMF4c" /> 
</object>

，我結束了白色屏幕

<embed src="http://www.youtube.com/v/gDjb9RVMF4c" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="280" height="100%"></embed>

我也嘗試了一個「視頻」標籤，但據我瞭解，這仍然是不可能的。

我，如果我錯過了已經寫某處的解決方案真的很抱歉，但是請相信我......我askying :-) THX之前做功課！

來源

2011-09-28 siestetix

你可以嘗試嵌入的YouTube視頻作爲一個iframe，我認爲是推薦的方式，現在做到這一點：

http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

<iframe src="http://www.youtube.com/embed/VIDEO_ID" class="youtube-player" type="text/html" width="640" height="385" frameborder="0"> 
</iframe>

來源

2011-09-28 15:43:53

不幸的是，這是行不通的...當我打開iPhone模擬器我甚至沒有看到我的應用程序，但我自動重定向到safari（沒有推或做任何事情）！ – siestetix

這聽起來像是另一個問題，我認爲與此無關。 –

你有什麼想法？ – siestetix

除了使用<iframe> ... </iframe>還需要設置屬性OpenAllWhitelistURLsInWebView到YES在您的PhoneGap.plist。這將顯示並播放PhoneGap應用程序本身內的視頻。它被嘗試和測試。

來源

2012-03-15 06:40:42

我應該在哪裏寫OpenAllWhitelistURLsInWebView到YES，如果我使用Cordova插件的Phonegap android – SRam

這裏是一個很好的教程，救了我的天

http://eisabainyo.net/weblog/2012/01/24/embed-a-youtube-video-iframe-in-phonegap-app/

而且I M張貼一些代碼對於一個快速訪問。

<html> 
    <head> 
     <title>YouTube video</title> 
     <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> 
     <meta name="apple-mobile-web-app-capable" content="yes" /> 
     <meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
     <script src="phonegap-1.2.0.js"></script> 
    </head> 
    <body> 

     <iframe width="560" height="315" src="http://www.youtube.com/embed/9HDeEbJyNK8" frameborder="0" allowfullscreen></iframe> 

    </body> 
</html>

然後進行以下變化Phonegap.plist

MediaPlaybackRequiresUserAction: NO 
AllowInlineMediaPlayback: YES 
OpenAllWhitelistURLsInWebView: YES 
ExternalHosts 
      *.youtube.com 
      *.ytimg.com

影片也會在你的模擬器玩。

來源

2012-05-14 20:27:32

這適用於模擬器;但是，當我使用build.phonegap.com構建應用程序並在我的Andriod上查看它時，視頻將無法播放。任何想法爲什麼？ – farjam

是的，我在Android設備中也面臨同樣的問題。我所做的是採取了「網絡視圖」並稱爲全屏視頻播放的鏈接。 –

這是我最終在我的應用程序中使用的component。在YouTube iFrame API的幫助下完成。

來源

2013-04-19 05:30:26 kravc

在iphone上的youtube視頻phonegap應用程序

回答

相關問題