Javascript 如何替换youtube链接并使其正常工作？

我试图制作一个youtube界面来播放音乐，但我想更改音乐，所以我制作了这个脚本。问题是，当我改变链接的视频将不再工作，它给了我一个错误

    <iframe id="iframe" width="500" height="315" src="https://www.youtube.com/embed/SHFTHDncw0g" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
</iframe>
<input type="text" name="link" id="link" size="40">
<input type="button" value="Play" onclick="changeLink();">
<script>
    function changeLink() {
        var changeLink = document.getElementById("link").value;
        document.getElementById("iframe").src += changeLink;
    }
</script>

---

您正在添加一个新链接而不是替换，因为您在Javascript中使用了而不是。因此，有两个链接连接在一起

尝试替换：

document.getElementById("iframe").src += changeLink;

为此：

document.getElementById("iframe").src = changeLink;

---

您正在添加一个新链接而不是替换，因为您在Javascript中使用了而不是。因此，有两个链接连接在一起

尝试替换：

document.getElementById("iframe").src += changeLink;

为此：

document.getElementById("iframe").src = changeLink;

为什么要向iframe的src属性添加changeLink？您不应该改为设置它吗？为什么要将changeLink添加到iframe的src属性？你不应该改为设置它吗？