立即启动原生视频播放器

时间:2012-06-02 06:55:16

标签: javascript video mobile cordova

我正在构建一个需要播放视频的PhoneGap Build应用。不幸的是,没有原生功能可行,并且在所有平台/手机上使用HTML5似乎是可疑的。进入启动手机的原生视频播放器。

问题是,每当我这样做时,窗口会加载一个新的空白页面,然后启动本机播放器。原生播放器完成后,我会被带回黑页,然后完全重新加载应用程序。我也在浏览器中试过这个,并得到同样的东西。

我想要一个流程“Click =>原生播放器启动=>原生播放器完成=>返回应用”,就像m.youtube.com上的内容一样。无法理解。

在javascript中,我尝试了标准的东西(location.href,window.location.redirect,window.location.reload。)我也挖了m.youtube.com上的代码,我看不到任何可能导致此功能的东西。我尝试直接将rtsp://链接复制粘贴到我的应用程序中,并获得了与我自己的http://视频链接相同的白页重定向情况。

这里的帮助会很棒。如果这个解决方案存在于StackOverflow或Googs的某个地方,我不会感到惊讶,但我已经搜索了3个小时,并且我发现很难过滤掉我正在使用的搜索词的各种疯狂的搜索结果。如果有更多信息有用,请告诉我。它有点没用,但这是我为此而抛出的基本代码(它在Sencha Touch,只是FYI):

{
    name        : 'video',
    padding     : '0 10 0 10',
    html        : '<a href=javascript:window.location.reload("rtsp://v6.cache3.c.youtube.com/CjYLENy73wIaLQl067BbAoc9uRMYDSANFEIJbXYtZ29vZ2xlSARSBWluZGV4YOuLh9TnzLTcTQw=/0/0/0/video.3gp")>LINK</a>',  
},

3 个答案:

答案 0 :(得分:0)

你有没有试过(至少对于Android)VideoPlayer插件?

答案 1 :(得分:0)

This blog post表明应该可以使用phonegap

基本上使用youtube网址添加iframe作为来源:

<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

答案 2 :(得分:0)

这不是一个真正成功的答案,但在经过深思熟虑的研究之后,我发现的一切都表明PhoneGap Build无法做到这一点。我最终转向常规的PhoneGap并使用了VideoPlayer插件。