<iframe>으로 올린 유투브 동영상 z-index 문제

<iframe>으로 올린 유투브 동영상 유투브 동영상이 화면위로 뚫고 올라오는 경우

z-index로도 안먹히는 경우

 

&wmode=opaque"

속성이 지정되어 있는경우?대신 &를 넣어준다.

?wmode=opaque"

 

 

<iframe width="640" height="360" src="http://www.youtube.com/embed/6eH05-QYjz4?feature=player_detailpage&wmode=opaque" frameborder="0" allowfullscreen></iframe>

[출처] <iframe>으로 올린 유투브 동영상 z-index 문제|작성자 미투마켓

function iframeVideo() {
   $('iframe').each(function() {
      var url = $(this).attr("src");
 
      if ($(this).attr("src").indexOf("?") > 0) {
         $(this).attr({
            "src": url + "&wmode=transparent",
            "wmode": "Opaque"
         });
      } else {
         $(this).attr({
            "src": url + "?wmode=transparent",
            "wmode": "Opaque"
         });
      }
   });
}