Video標簽動態修改src地址播放問題

不管在React或Vue中，將一個變量賦值給src屬性，當修改這個變量的值時，video播放的還是原來的視頻。

Vue中

<video id="root">
  <source :src="videoUrl" />
</video>

 

React中

<video id="root">
  <source src={videoUrl} />
</video>

 

動態修改videoUrl的值時，播放的視頻，是不會跟着地址動態切換的，我們需要讓video重新加載新的源(地址)，將新的地址，賦值給video的src屬性，然后執行play()方法即可

let player = document.querySelector('#root') 
player.src = "新的地址" 
player.play()