首页 文章

在iphone phonegap应用程序上的youtube视频

提问于
浏览 次
2

我很抱歉再次回到这个话题，但我真的很沮丧！我已经阅读了我发现的每一个资源，在网上搜索，但我无法对我的问题做出明确的答案 .

Problem description
我正在创建一个带有phonegap 1.0的iphone应用程序 . 在这个应用程序中，一个选项卡专门用于来自我的YouTube Channels 的RSS订阅源，我希望我的用户能够在点击特定条目后播放这些视频 . 问题：有可能吗？最好的解决方案是在应用程序内播放视频，但显示缩略图图像并将用户重定向到原生YouTube应用程序也是可以接受的（即使在这种情况下，我希望在youtube完成播放视频时控件返回到原始应用程序） .

Tried solutions
在网上搜索我找到了几个解决方案，人们说这些解决方案适用于他们，但它们都不适合我！

  • 使用“对象”标签，我最终得到一个白色的屏幕
<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>
  • 我也试过一个“视频”标签，但据我所知，这仍然是不可能的 .

我真的很抱歉，如果我错过了已经在某处写过的解决方案，但请相信我......我做了我的作业，然后问:-) Thx !!

iphone video youtube cordova

4 回答

  • 3

    除了使用 <iframe> ... </iframe> 之外，您还需要在 PhoneGap.plist 中将属性 OpenAllWhitelistURLsInWebView 设置为 YES . 这将在PhoneGap应用程序本身内显示和播放视频 . 它经过了试验和测试 .

    回复于
  • 5

    您可以尝试将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>
    回复于
  • 0

    这是一个很好的教程，节省了我的一天

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

    我也发布一些代码快速访问 .

    <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

    视频也将在您的模拟器上播放 .

    回复于
  • 4

    这是component我最终在我的应用中使用了 . 在YouTube iFrame API的帮助下完成 .

    回复于

相关问题