YouTube iFrame z-index與jQuery colobox

Question

我遇到了youtube iframe z-index問題。當我使用jQuery colorbox時，youtube iframe似乎隱藏了部分colorbox。所以我嘗試了幾個JavaScript。

這工作得很好，除了在Firefox

<script> 
$(document).ready(function() { 
$("iframe").each(function(){ 
var ifr_source = $(this).attr('src'); 
var wmode = "wmode=opaque"; 
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); 
}); 
}); 
</script> 

然後，我厭倦了這種代碼。這似乎在所有瀏覽器上都能正常工作，但谷歌廣告似乎停止工作。

<script> 
$(document).ready(function(){ 
    var frames = document.getElementsByTagName("iframe"); 

    for (var i = 0; i < frames.length; i++) { 
     frames[i].src += "?wmode=opaque"; 
    } 
}); 
</script> 

任何幫助將被撥給解決這個問題。提前致謝。

Answer 1

我找到了我自己的答案。下面是代碼，如果有人需要它

(function ($) { 
    $ = jQuery; 

    $(function() { 
     $video = $("#SomeDIV> iframe"); 
     $srcVal = $video.attr('src'); 
     appendedVal = $srcVal + "?wmode=opaque"; 
     $video.attr('src',appendedVal); 
    }); 
})(jQuery);