Javascript 有没有办法将html5视频源作为用户的输入？

假设我的html页面中有一个视频元素，但没有指定源

<video controls>
<source src="">
</video>

和一个空的输入元素

<input></input>

我希望用户在输入元素中粘贴他希望看到的视频源，然后按enter键查看它。但我根本不知道为了能够做到这一点，谷歌/学习什么。有人能帮忙吗？这是一个jsfiddle

---

因此，为了澄清，我想要一个文本字段，用户可以在其中输入视频源的url位置，然后当他们按enter键时，应用程序获取该文本并用它填充视频标记的源。这将从输入中获取值并更改

src

属性。然后必须调用

load（）

和

play（）

。你可以搞乱你想如何做输入以得到你想要的方式

此处显示功能

//注意，这是我粘贴到输入中的url：https://www.w3schools.com/html/movie.ogg
（功能（）{
document.getElementById（'url'）。addEventListener（'keydown'，函数（e）{
如果（如keyCode===13）{
var url=this.value；
document.getElementById（“video_res_1”）.src=url；
document.getElementById（“video1”）.load（）；
document.getElementById（“video1”）.play（）；
}
});
})();
这将从输入中获取值并更改
src
属性。然后必须调用
load（）
和
play（）
。你可以搞乱你想如何做输入以得到你想要的方式

此处显示功能


//注意，这是我粘贴到输入中的url：https://www.w3schools.com/html/movie.ogg
（功能（）{
document.getElementById（'url'）。addEventListener（'keydown'，函数（e）{
如果（如keyCode===13）{
var url=this.value；
document.getElementById（“video_res_1”）.src=url；
document.getElementById（“video1”）.load（）；
document.getElementById（“video1”）.play（）；
}
});
})();

url？档案？什么来源？来源标签的src属性的url。你说的是要粘贴它的用户的意思。这是从哪里来的？这基本上是用户的问题，比如它是在磁盘上还是指向web服务器的url？url？档案？什么来源？来源标签的src属性的url。你说的是要粘贴它的用户的意思。这是从哪里来的？这基本上是用户的问题，比如它在磁盘上还是web服务器的url？我单击了load，但什么也没发生。我需要按enter键，而不是单击button@UsmanSikander我更新了代码，以便在按enter键时获取输入。此外，你还必须在输入框中输入一个有效的url。很抱歉，我使用了该url，但仍然不起作用。我肯定做错了什么事。当我尝试运行代码snippit时，你能分享一个JSFIDLE吗？它会给出所有这些错误消息，在JSFIDLE网站上它就是不起作用。@UsmanSikander我更新了答案，包括一个小提琴，现在应该可以用了。我单击了加载，什么也没发生。我需要按enter键，而不是单击button@UsmanSikander我更新了代码，以便在按enter键时获取输入。此外，你还必须在输入框中输入一个有效的url。很抱歉，我使用了该url，但仍然不起作用。我肯定做错了什么事。当我试图运行代码snippit时，你能分享一个JSFIDLE吗？它会给出所有这些错误消息，在JSFIDLE网站上它就是不起作用。@UsmanSikander我更新了答案，包括一把小提琴，现在应该可以用了