2011-10-12 5 views
8

CSS를 사용하여 메뉴를 만들었으며 YouTube 탐색 바 바로 아래의 상자에 YouTube 동영상이 있습니다. IE 8을 사용할 때 탐색 막대가있는 div가 YouTube 비디오가있는 div보다 높은 z- 색인을 가지고 있음에도 불구하고 드롭 다운 메뉴가 YouTube 비디오 뒤에 있습니다. 문제는 Firefox, Safari 또는 IE9에는 존재하지 않습니다.IE의 CSS 드롭 다운 메뉴를 다루는 YouTube 동영상 콘텐츠

당신은 웹 사이트로 이동하여 문제를 볼 수 있습니다 도움을

http://www.mensdiscipleshipnetwork.com

감사합니다.

답변

19

URL에 을 추가해야합니다. iframe src URL을 삽입하십시오. 그래서 같이 :

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

이것은 작동하지 않습니다. "오류가 발생했습니다. 나중에 다시 시도하십시오." message – sdleihssirhc

+0

URL은 http : //www.youtube.com/embed/_K-YwgCyg70? wmode = transparent이어야합니다. @sdleihssirhc : 미래 정보. – thirtydot

+0

네, 죄송합니다. – Brent

3

당신과 같이 SRC 모든 iframe을 자동으로 해당 매개 변수를 추가 할 수 있습니다

$(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"); 
     }); 
    }); 
+0

감사합니다. 이것은 내 문제를 해결했다. – gonzo

+1

주의 : iframe을 타겟팅해야하는 경우 페이지의 모든 iframe을 수정합니다. src URL에 youtube 도메인이 포함되도록 타겟팅해야합니다. –

0

당신이 포함 사용하는 경우, W 모드 오히려 URL의 일부보다 속성을 할 필요가 당신은 iframe이 API를 사용하는 경우 wmode="transparent"

0

당신은 다음과 같이 추가합니다 (playerVars의 마지막 PARAM 개체주의) 할 수 있습니다

012,372을
관련 문제