如何从输入类型=＆＃34; url＆＃34;加载URL？使用onkeyup进入iframe src？

Question

所以我想为视频嵌入工具添加一个预览部分。 我有一个iframe，我有一个输入：

<input onkeyup="javascript:youtube();" onchange="javascript:youtube() ;vimeo(this) ;videotome(); setsrc();" id="url" required type="url" placeholder="Írd ide a videó URLjét" name="url">
<iframe id="vimeoFrame" src=""></iframe>

我想当用户从输入中点击或输入时，iframe src会更新输入值。 我尝试了这个功能，但不是真的有帮助：

function setsrc(){
var src = document.getElementById("url").value;

document.getElementById("videoFrame").value = '<iframe frameborder="0" allowfullscreen style="overflow-x: hidden; overflow-y: hidden;" width="730"  height="569" src="'+src+'"></iframe>';
}

Answer 1

jquery中的

DEMO

function setsrc(){
    $('#vimeoFrame').attr('src', $('#url').val());
}