html视频地址换了，但还是原来的视频？求解答(语言-javascript)

我的html视频地址换了，但还是原来的视频。

    var source = document.querySelector('source');//要改的地方
    var dian = document.querySelector('.dian');//要点击的地方
    for (var i = 0;i< 4;i++){
        var index = i+1;
        dian.children[i].setAttribute('index',index);
        dian.children[i].addEventListener('click',function(){    
            source.src = 'images/vid-'+this.getAttribute('index')+'.mp4'    
        })                    
    }

      <video width="100%" loop  muted autoplay>
            <source src="images/vid-4.mp4" type="video/mp4"></source></video>

运行结果https://www.bilibili.com/video/BV1rL411A7zZ?spm_id_from=333.999.0.0

清下缓存再试

如果地址不一样的话，清除缓存试试 。

ctrl+F5试下

老毛病了，var没有块级作用域，for的时候拿到的只有最后一个。你要么var改成let，要么用闭包。另外你下标直接从1开始，条件改成i<=4就不用每次都+1了

video 标签加个ref
<video ref="videobox">
//切换src需要后执行load()和play()
this.$refs.videobox.load();
this.$refs.videobox.play();