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();
    },