添加视频html的视频链接

Question

我想在文本框中输入一个网址，并能够将该网址镜像到视频html。 示例网址：http://www.example.com/video.mp4

我认为这应该可以使用js。 这就是html原来的样子

<input type="text" value="" />
<video width="320" height="240">
    <source type="video/mp4" src=""/>
</video>

输入网址后，html会是这样的。

<input type="text" value="http://www.example.com/video.mp4" />
<video width="320" height="240">
    <source type="video/mp4" src="http://www.example.com/video.mp4"/>
</video>

然后，我会扩展它以支持所有三种带有三个文本字段的视频格式。