如何使用 onkeyup 从 input type="url" 将 URL 加载到 iframe src？答案

【问题标题】：How can I load URL from input type="url" in to iframe src with onkeyup?如何使用 onkeyup 从 input type="url" 将 URL 加载到 iframe src？
【发布时间】：2025-12-12 14:35:01
【问题描述】：

所以我想为视频嵌入工具构建一个预览部分。我有一个 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>';
}

【问题讨论】：

标签： javascript jquery iframe onkeyup

【解决方案1】：

DEMO 在 jquery 中

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

【讨论】：

Uncaught SyntaxError: Unexpected identifier
您是否将 jquery 包含到您的 html 头标签中或在正文标签关闭之前？我说那是一个 jquery 而不是纯 javascript
是的，但不知何故我错过了 videoFrame 中的闭合逗号！感谢您的回答，这对我来说真的很有帮助！
祝你好运 :) @NewBieinPrograming
哦，这就是函数运行但只运行一次，ajter 不刷新 iframe。