javascript - 在文本输入中输入代码时更改 Iframe YouTube 视频

Question

我希望有人能够在文本输入框中输入 YouTube 代码，并在模糊或更改时立即更改 iFrame 中的 YouTube 视频。

这是我所拥有的不起作用的...

<input type="text" name="videourl" value="$videourl" style="width:400px;" onchange="newVideo()" />

<iframe id="myIframe" width="230" height="129" src="https://www.youtube.com/embed/$videourl?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

<script type="text/javascript">
function newVideo() {
    var select = document.getElementById('videourl');
    document.getElementById('myIframe').src.select;
}
</script>

我相信我的 JavaScript 中有些东西是错误的，我只是无法弄清楚。任何帮助都会很棒。

Answer 1

将 id 属性添加到您的输入标记:

id="videourl"

将用户输入传输到 src 字符串中的适当位置...

var select=document.getElementById('videourl').value;
document.getElementById('myIframe').src='https://www.youtube.com/embed/'+select+'?rel=0&showinfo=0';