javascript - 首先自动添加 wmode =“opaque” 来嵌入 jQuery？

Question

我使用以下脚本添加 wmode="opaque"来嵌入元素:

jQuery("iframe[src], embed[src]").each(function () {
    jQuery(this).prop("src", jQuery(this).prop("src") + "?wmode=opaque");
});

它工作正常，但在嵌入 src 的最后添加了 wmode，如下所示:

http://www.youtube.com/embed/example?fs=1&feature=oembed?wmode=opaque

但这并不能让它发挥作用。我希望它更准确，因此它将 wmode 添加为嵌入链接之后的第一个属性，因此无论我如何过去嵌入 url，例如:

http://www.youtube.com/embed/example?fs=1&feature=oembed

脚本将如下所示:

http://www.youtube.com/embed/example?wmode=opaque?fs=1&feature=oembed

有什么帮助吗？

Answer 1

我认为你应该补偿这两点，因为

http://www.youtube.com/embed/example?wmode=opaque?fs=1&feature=oembed

也是错误的，只有第一个参数应该有？

所以，你可以尝试:

jQuery("iframe[src], embed[src]").each(function () {
    var url = jQuery(this).prop("src");
    if(url.search(/\?/) === -1) {
            jQuery(this).prop("src", url + "?wmode=opaque");
    } else {
            jQuery(this).prop("src", url + "&wmode=opaque");
    }
});

如果您希望代码更小，您可以将 if 语句替换为:

 jQuery(this).prop("src", url + ((url.search(/\?/) === -1) ? url + "?wmode=opaque" : "&wmode=opaque"));

我还建议您看看Query string parameters (在我留下的链接中，或通过谷歌搜索)

编辑

我不明白为什么你需要它在开头，而且我很确定你只是不明白查询参数是如何工作的。但是，这是代码:

jQuery("iframe[src], embed[src]").each(function () {
    var url = jQuery(this).prop("src");
        if(url.search(/\?/) === -1) {
            jQuery(this).prop("src", url + "?wmode=opaque");
        } else {
            var splittedUrl = url.split("?");
            jQuery(this).prop("src", splittedUrl[0] + "?wmodeopaque&" + splittedUrl[1]);
        }
});