VUE 动态修改Video标签Src播放路径

首先HTML，注意这里修改 bind绑定src 属性是不能生效的 我使用的是用JS 获取DOM节点，然后给DOM的Src属性赋值

              <video id="playVideos" controls width="100%" height="240">
                <source id="playVideosss" :src="playVideoUrl" type="video/mp4">
              </video>

 

修改src路径代码

    playVideo(url){
      let vdo = document.getElementById("playVideos")
      vdo.src=url;
      vdo.play();
    },