vue使用 video.js動態切換視頻源視頻源不刷新問題

網上的垃圾代碼太多，最后翻了video.js的官方文檔,就這么簡單，浪費了我這么久，注：我這里使用的vue

//html

<video  id="my-player" controls autoplay preload="auto" class="video-js vjs-big-play-centered vjs-fluid vjs-16-9 vjs-big-play-centered"
controls preload="auto" data-setup='{}'>
<source id='videoid' :src="videosrc" type="application/x-mpegURL">
</video>

//隨便定義一個方法

<p @click="selectomit >點擊我</p>

 

//vue  methods里面

selectomit (){

var that = this;
that.videosrc = '你的路徑';
console.log(that.videosrc);
var player=videojs('my-player');
console.log(player);
player.src({
src:that.videosrc
})

 

}