django如何动态修改video路径使其访问静态资源

我希望根据能够动态修改video中的src值，播放不同的静态资源视频，但是跳转的路径中总是带着原来的路径http://127.0.0.1:8000/dlFX/等等，导致无法访问静态资源，有什么解决方法吗？
以下是静态资源文件夹static结构

以下代码是动态修改src值

    function openVideo(){
        var vpath = document.getElementById('btn').value
        document.getElementById('audio_id').src = vpath
        console.log(vpath)
        console.log(document.getElementById('audio_id').src)
        document.getElementById('audio_id').play()
        openPopup()
    }

获取的vpath路径通常为 ： precious/等等
以下是访问失败图片

如果访问路径为http://127.0.0.1:8000/static/precious/等等 就能够访问得到

可以在获取到vpath路径后，将其拼接到静态资源的路径前面，例如：

var vpath = document.getElementById('btn').value;
var staticPath = "http://127.0.0.1:8000/static/";
var videoSrc = staticPath + vpath;
document.getElementById('audio_id').src = videoSrc;
console.log(videoSrc);
console.log(document.getElementById('audio_id').src);
document.getElementById('audio_id').play();
openPopup();

这样就可以动态修改video中的src值，播放不同的静态资源视频，并且能够正确访问静态资源。

问题点: 无法播放不同的静态资源视频
分析: vpath 获得的静态资源的路径指向同一个;
解决思路: 重新设计vpath获取的办法, document.getElementById('btn').value 这个值是唯一,是否有其他函数在更新它?