Fancybox關閉按鈕不在YouTube視頻之上

我與YouTube視頻遇到的問題是，右上角的「關閉x」按鈕不在YouTube視頻之上。由於某種原因，它卡在它們下面。我已經在所有瀏覽器中試過，看看它是不是IE瀏覽器問題，但它似乎正在所有YouTube視頻上發生。Fancybox關閉按鈕不在YouTube視頻之上

我也進入了.css，並將z-indext更改爲如此瘋狂的高數以查看它是否可以修復但沒有運氣，有沒有人遇到過這個問題？它似乎只與YouTube視頻隔離。

來源

2012-07-23 1tufgt

@ complex857是正確的，你需要改變wmode設置（以opaque）的YouTube視頻的。

最好的辦法是：

1）。從這裏抓取fancybox（和助手）的最新版本https://github.com/fancyapps/fancyBox/tree/master/source

2）。除了你的正常的fancybox CSS和JS文件，添加的fancybox媒體幫手js文件等（檢查自己的路）：

<script type="text/javascript" src="fancybox2.0.6/helpers/jquery.fancybox-media.js"></script>

3）。這個新版本允許您通過您的自定義腳本傳遞特定參數到YouTube，如：

$(document).ready(function(){ 
    $(".fancybox").fancybox({ 
     // other API options here 
     padding: 0, // optional 
     // set helpers media 
     helpers : { 
     media : {} 
     }, 
     // NEW youtube media settings 
     youtube : { 
     autoplay : 0, // 1 = will enable autoplay 
     wmode  : 'opaque' 
     } 
    }); // fancybox 
    }); // ready

注意：這是對的fancybox v2.0.6 +

來源

2012-07-23 20:35:17 JFK

如何從github下載單個文件？ – 1tufgt 2012-07-24 11:44:25

右鍵單擊 - >另存爲（另存鏈接爲） – JFK 2012-07-24 19:23:16

這是因爲YouTube使用CSS的習慣方面的z-index值與默認的窗口模式下的Flash播放器（參數名稱是的wmode）

當嵌入的YouTube的iframe中，的wmode =不透明參數添加到URL（的wmode =透明也可以工作），所以它看起來就像這樣：

<iframe width="420" height="315" src="http://www.youtube.com/embed/<youtbue_id>?wmode=opaque" frameborder="0" allowfullscreen></iframe>

來源

2012-07-23 20:12:49 complex857

嗯，我不是嵌入視頻。我只是通過媒體助手來抓取youtube網址以在fancybox內部使用。 – 1tufgt 2012-07-24 11:38:43

Fancybox關閉按鈕不在YouTube視頻之上

回答

相關問題