我已經使用CSS創建了下拉菜單,並且YouTube視頻放置在導航欄正下方的框中。使用IE 8時,儘管事實上導航欄的div比YouTube視頻的div具有更高的z索引,但下拉菜單落後於YouTube視頻。這個問題在Firefox,Safari或IE9中不存在。YouTube中的視頻內容覆蓋IE中的CSS下拉菜單<9
您可以通過訪問網站看到了問題:
http://www.mensdiscipleshipnetwork.com
感謝您的幫助。
我已經使用CSS創建了下拉菜單,並且YouTube視頻放置在導航欄正下方的框中。使用IE 8時,儘管事實上導航欄的div比YouTube視頻的div具有更高的z索引,但下拉菜單落後於YouTube視頻。這個問題在Firefox,Safari或IE9中不存在。YouTube中的視頻內容覆蓋IE中的CSS下拉菜單<9
您可以通過訪問網站看到了問題:
http://www.mensdiscipleshipnetwork.com
感謝您的幫助。
看起來您需要將?wmode=transparent
添加到YouTube嵌入iframe src
的網址。像這樣:
<iframe width="632" height="390" src="http://www.youtube.com/embed/_K-YwgCyg70?wmode=transparent" frameborder="0" allowfullscreen></iframe>
可以自動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");
});
});
謝謝!這解決了我的問題。 – gonzo
小心 - 當您只需定位YouTube iframe時,這將修改您網頁上的所有iframe。你應該定位那裏的src url包含youtube域名。 –
,WMODE需要有一個屬性,而不是URL的一部分wmode="transparent"
如果您使用的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'
}
});
這不起作用。我收到「發生錯誤,請稍後再試。」消息 – sdleihssirhc
URL需要爲'http://www.youtube.com/embed/_K-YwgCyg70?wmode = transparent'。 @sdleihssirhc:將來的信息。 – thirtydot
是的,對不起。 – Brent