javascript - 如何使用JavaScript替换嵌入标签的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>

现在，我必须替换src标记内的embed属性。为此，我编写了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

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

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

请注意，这仅照顾embed，您可能还需要照顾object参数。