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

 

一开始设置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.playerOption.sources[0].src = "xxxxxx.mp4";

接下来制作一个可用点击触发视频播放的demo:

关闭视频弹出的按钮图标：

最终效果：