方法一: 用$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() }) }