ファンシーボックスで使用する場合、jwplayerでフルスクリーンビデオを取得する方法

Question

fancyboxでフルスクリーンビデオをjwplayerで取得するにはどうすればよいですか？今、私はjwplayerの埋め込みを含むdivを開くfancyboxを持っています、それはうまく動作し、ビデオが再生などを押すとすべてがうまくいきます。唯一の問題は、フルスクリーンビデオを再生するビデオでフルスクリーンを押すと、ブラウザーとファインポップアップのポップアップの下にあるので、正しく表示されないことです。私はフルスクリーンを焦点にする必要があります。私はfancyboxが多くのz-index値を使用していることに気付きました。

ご協力いただきありがとうございます。ありがとうございます。

Answer 1

どのようにビデオを埋め込むかによって異なります。私は個人的にはインライン埋め込みビデオを使用したくないのです。なぜなら、現在またはそれ以降に表示されていても、バックグラウンドで読み込まれているため、パフォーマンスやページの読み込みに影響します。

あなたがfancyboxでそれらを表示することを計画している場合に推奨される方法は、このHTMLを持つので、必要に応じてそれらを呼び出すことです。このスクリプト

<a class="video" href="pathToVideo/video.flv">open my video in fancybox</a> 

使用：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("a.video").click(function() { 
    $.fancybox({ 
    'padding' : 0, // optional 
    'title' : this.title, 
    'content': '<embed src="jwplayer.swf?file='+this.href+'&amp;autostart=true&amp;fs=1" type="application/x-shockwave-flash" width="352" height="240" wmode="opaque" allowfullscreen="true" allowscriptaccess="always"></embed>'    
    }); // fancybox 
    return false; 
    }); // click 
}); // ready 
</script> 

がexample here

を参照してください。