jquery - サファリでのjQuery fancybox z-indexの問題

Question

YouTubeビデオを表示するためにjQuery fancyboxを使用していますが、Safariクッパで国境の問題が発生しています。他のブラウザでは、適切に表示されています。

私のフィドル:フィドル

アイデアや提案はありますか？ありがとう。

Answer 1

それはz-index問題ではありません。

経験則として、wmodeビデオまたはフラッシュ オブジェクトに追加すると、奇妙な動作から身を守ることができます。

埋め込みの場合、次のような属性内の試用パラメータとしてリンクされたビデオiframeに追加します。wmodesrc

<iframe src="//www.youtube.com/embed/Qh5m-KTR36U?wmode=opaque" width="420" height="315" frameborder="0" allowfullscreen></iframe>

hrefファンシーボックスで開くビデオの場合、次のように(そうしないとファンシーボックスの閉じるボタンがビデオの後ろに配置されます)内に試用パラメーターとして追加します。

<a href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1&wmode=opaque"class="fancybox fancybox.iframe" >...</a>

JSFIDDLEを参照してください