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

Question

我试图制作一个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>

Answer 1

您要添加新链接而不是替换链接，因为您在Javascript中使用了+=而不是=。结果，您有2个链接串联在一起。

尝试更换：

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

与此：

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