解决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()
  })
}
相关文章
相关标签/搜索