javascript - 如何替换 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;