在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应用程序

回答

相关问题