javascript - 带有 jQ​​uery colobox 的 YouTube iFrame z-index

Question

我在使用 youtube iframe z-index 时遇到问题。当我使用 jQuery 颜色框时，youtube iframe 似乎隐藏了颜色框的一部分。所以我尝试了一些 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);