vue-video-player动态更新视频地址

 

<div class="video" v-if="isVideoVisible">
      <video-player
           ref="videoPlayer"
           :options="playerOption"
           :playsinline="true"
       ></video-player>
 </div>

一开始设置playerOption的时候不要给 sources[0].src 赋视频地址：

data() {
        return {
            playerOption: {
                sources: [{
                    type: "video/mp4",
                    src: ""
                }],
                height: '480',
                autoplay: true,
                muted: true,
                language: 'zh-CN',
                playbackRates: [0.7, 1.0, 1.5, 2.0],
                controls: true,
            },
        }
    },

当在某处需要启用视频时，再将视频的地址赋值给 source[0].src 即可： 

this.pla