如何使用 JavaScript 替换 embed 标签的 src 属性？

Question

在我的网页中，我正在插入一个 youtube 视频，如下所示：

<object width="640" height="360">
            <param name="movie" value="https://www.youtube.com/v/M7lc1UVf-VE?version=3"></param>
            <param name="allowFullScreen" value="true"></param>
            <param name="allowScriptAccess" value="always"></param>
            <embed src="https://www.youtube.com/v/M7lc1UVf-VE?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360"></embed>
</object>

现在我必须替换 embed 标签内的 src 属性。为此，我编写了 JS 函数：

function replaceSrc()
    {
    document.getElementsByTagName("embed")[0].src = "new_link";
    }

if (window.addEventListener){
     window.addEventListener('load', replaceSrc, false);
    } else if (window.attachEvent) {
     window.attachEvent('onload', replaceSrc);
    }

但是，这不起作用，加载页面后，youtube 链接保持不变。有什么建议么？我曾用类似的内容回答过以前的问题，但他们大多使用 JQuery，在我的情况下需要 JavaScript。

Answer 1

如果您在嵌入标签中加载新视频，则需要使用新的 src 创建一个新的 embed 元素，然后替换旧的：

function replaceSrc() {
    var elem = document.getElementsByTagName("embed")[0],
        copy = elem.cloneNode();
    copy.src = "new_link";
    elem.parentNode.replaceChild(copy, elem);
}

请注意，这只需要处理 embed，您可能还需要处理 object 参数。