javascript - 如何使用 onkeyup 将输入类型 ="url"中的 URL 加载到 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

DEMO在jquery中

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