Phonegap、Youtube、and Fancybox

Question

OK、phonegapを使用しています。ネイティブアプリを作ろうとしています。私はすぐに、 "youtube"のような外部データを読み込むために、phonegap.plistの "ExternalHosts"に追加する必要があることをすぐに理解しました。 （だから問題ではない）。

ビデオリンクをクリックすると、fancyboxが開き、fancybox Iframe内のビデオを読み込むのではなくSafariが自動的に開きます。私は誰もがそれを望んでいる知っているので、ここで

はいくつかのコードです：

<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用です...私は最終的にアンドロイドタブレット用にも作成します。

ありがとうございました！

Answer 1

あなたの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を参照してください。