유튜브 동영상 z-index 문제

유튜브 동영상을 삽입했을때 z-index 문제가 생길 때 아래 스크립트를 추가해주면 해결할 수 있다.

 

 $(document).ready(function() {
    $("iframe").each(function(){
        var ifr_source = $(this).attr('src');
        var wmode = "wmode=transparent";
        if(ifr_source.indexOf('?') != -1) {
            var getQString = ifr_source.split('?');
            var oldString = getQString[1];
            var newString = getQString[0];
            $(this).attr('src',newString+'?'+wmode+'&'+oldString);
        }
        else $(this).attr('src',ifr_source+'?'+wmode);
    });
});

 

출처 : http://grafisia.com/tutorial/jquery/solving-z-index-problem-on-youtube-iframe-video-using-jquery/