Phonegap,Youtube和Fancybox

时间:2012-02-15 21:48:16

标签: jquery cordova youtube fancybox

好的,使用phonegap我正在尝试制作原生应用。我很快发现,为了加载外部数据,例如:“youtube”视频......你必须将它添加到phonegap.plist中的“ExternalHosts”...我已经完成了。 (所以这不是问题)。

问题是,当我点击视频链接时,它会打开fancybox,然后自动打开Safari,而不是在fancybox iframe中加载视频???

这是一些代码,因为我知道每个人都想要它:

<ul>
<li ><a href="http://youtube.com/watch?v=x3PD49AlMlc&feature=channel_video_title" class="iframe">Video Link</a></li>
</ul>

//Fancybox calls
$(".iframe").bind('tap', function(e) {
e.preventDefault();
$.fancybox({
        'padding'       : 0,
        'autoScale'     : false,
        'transitionIn'  : 'none',
        'transitionOut' : 'none',
        'width'         : 680,
        'height'        : 495,
        'href'          : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
        'type'          : 'iframe'
    });

});

以前有人试过这样做吗?这是一个iPad ...我最终也会为Android平板电脑创建它。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

好吧,在您的PhoneGap.plist中,将属性OpenAllWhitelistURLsInWebView设置为YES。这将在PhoneGap应用程序内部显示和播放视频。

此外,您应首先使用iframe代码嵌入视频。这是我们用来显示视频的内容。有关详情,请参阅官方博客文章和http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html以及https://developers.google.com/youtube/player_parameters