解決vue動態綁定audio/video的src不能播放

方法一: 用$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()
  })
}
相關文章
相關標籤/搜索