0

我在大约一年前的帖子后面问这个问题。

通过 iframe 嵌入的 YouTube 视频忽略 z-index？

我在一个页面上有一个你管视频。在那个页面上我想展示一个花式框..但是由于 youtube 视频这不起作用

我已经在代码中添加

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

这将被添加到代码中

<iframe width="500" height="281" src="http://www.youtube.com/v/TUNROkqBte4?theme=light&showinfo=0&modestbranding=0&border=0&fs=1" frameborder='0'></iframe>

我无法改变。

为什么在添加了 jquery 的 ie7/8 中仍然会发生这种情况？

谢谢

4

1 回答 1

3

问题是 youtube 的 URL 格式：

http://www.youtube.com/v/...

... 不适合在iframe标签中使用。

的正确格式iframe应该是：

http://www.youtube.com/embed/...

如果您无法更改它，请使用以下 javascript.replace()方法即时替换它： 

jQuery('iframe').each(function () {
    var url = jQuery(this).attr("src").replace(new RegExp("/v/", "i"), '/embed/');
    if (jQuery(this).attr("src").indexOf("?") > 0) {
        jQuery(this).attr("src", url + "&amp;wmode=opaque");
    }
});

这应该够了吧。见JSFIDDLE

于 2013-02-27T05:14:55.537 回答