Javascript 它'；有可能为视频添加新的源吗？

这是可能的吗

我在做视频流。当有人在表单上输入时，是否可以添加新源？发送到视频源

<!-- CSS  -->
 <link href="https://vjs.zencdn.net/7.2.3/video-js.css" rel="stylesheet"></link>


<!-- HTML -->
<video class="video-js vjs-default-skin" controls="" height="400" id="hls-example" width="700" preload="none">
<source src="CHANGE IF SOMEONE INPUT IN URL FORM" type="application/x-mpegURL"></source>
</video>


<!-- JS code -->
<!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
<script src="https://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.14.1/videojs-contrib-hls.js"></script>
<script src="https://vjs.zencdn.net/7.2.3/video.js"></script>

<script>
var player = videojs('hls-example');
player.play();
</script>

var player=videojs（'hls-example'）；
player.play（）；

我不擅长js。有人能帮我吗？当用户尝试将某个内容放入“url表单”时，页面将刷新并保存新的“url”

---

谢谢大家!

通过表单发送获取参数：

<input name="vname">

并附加到源src：

document.querySelector("source").src = vname;

并使用

localStorage

存储文件名：

var vname=新URL（window.location.href）.searchParams.get（'vname'）；
如果（vname！=null）{localStorage.setItem（“vname”，vname）；}
document.querySelector（“视频源”）.src=localStorage.getItem（“vname”）=“”？vname:localStorage.getItem（“vname”）；
var player=videojs（'hls-example'）；
player.play（）；
//警报（document.querySelector（“视频源”）.src）；

请提供您希望用于视频的源的示例，以及什么是

“url表单”

？

document.querySelector("source").src = vname;