方法一: 用$refs动态设置srchtml
html代码以下(给video绑定个ref值):浏览器
<video ref="videoPlay" controls="controls" width='100%' height="100%"> 您的浏览器不支持 video 元素。 </video>
在须要动态绑定的方法里用$refs动态设置srcide
this.$refs.videoPlay.src = res.data.videoUrl;
方法二:src地址已切换或已从新赋值,从新加载audio/videothis
html代码以下:code
<video :src="videoURL" ref="videoPlay" controls="controls" width='100%' height="100%"> 您的浏览器不支持 video 元素。 </video>
给video的src赋值,且从新加载video视频
getVideoURL() { this.videoURL = "视频地址" // 若是动态切换src地址,也要加上下面的事件(前提是src地址已切换或已从新赋值,再走这个事件) this.$nextTick(() => { this.$refs.videoPlay.load() }) }