YouTube中的視頻內容覆蓋IE中的CSS下拉菜單<9

我已經使用CSS創建了下拉菜單，並且YouTube視頻放置在導航欄正下方的框中。使用IE 8時，儘管事實上導航欄的div比YouTube視頻的div具有更高的z索引，但下拉菜單落後於YouTube視頻。這個問題在Firefox，Safari或IE9中不存在。YouTube中的視頻內容覆蓋IE中的CSS下拉菜單<9

您可以通過訪問網站看到了問題：

http://www.mensdiscipleshipnetwork.com

感謝您的幫助。

來源

2011-10-12 acoustic_north

看起來您需要將?wmode=transparent添加到YouTube嵌入iframe src的網址。像這樣：

<iframe width="632" height="390" src="http://www.youtube.com/embed/_K-YwgCyg70?wmode=transparent" frameborder="0" allowfullscreen></iframe>

來源

2011-10-12 22:14:18 Brent

這不起作用。我收到「發生錯誤，請稍後再試。」消息 – sdleihssirhc

URL需要爲'http：//www.youtube.com/embed/_K-YwgCyg70？wmode = transparent'。 @sdleihssirhc：將來的信息。 – thirtydot

是的，對不起。 – Brent

可以自動SRC添加參數，所有的I幀像這樣：如果你正在使用嵌入

$(document).ready(function() 
    { 
     $('iframe').each(function() 
     { 
       var url = $(this).attr("src"); 
       var char = "?"; 
       if(url.indexOf("?") != -1) 
         var char = "&"; 

       $(this).attr("src",url+char+"wmode=transparent"); 
     }); 
    });

來源

2013-01-16 08:26:31 armandbertea

謝謝！這解決了我的問題。 – gonzo

小心 - 當您只需定位YouTube iframe時，這將修改您網頁上的所有iframe。你應該定位那裏的src url包含youtube域名。 –

，WMODE需要有一個屬性，而不是URL的一部分wmode="transparent"

來源

2013-06-28 18:13:37 Meir

如果您使用的iframe API，你可以這樣添加它（請注意在playerVars最後的參數對象）：

player = new YT.Player(playerID, 
     { 
      width: '100%', 
      height: '100%', 
      videoId: vidID, 
      playerVars: { 
       controls: 2, 
       autohide: 1, 
       showinfo: 0, 
       modestbranding: 1, 
       wmode: 'transparent' 
      } 
     });

來源

2015-04-09 15:50:47 Antfish

YouTube中的視頻內容覆蓋IE中的CSS下拉菜單<9

回答

相關問題