• 128717

    文章

  • 810

    评论

  • 12

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

解决vue动态绑定audio/video的src不能播放

服了这份高薪指南,涨多少你说了算>>

方法一: 用$refs动态设置src

html代码如下(给video绑定个ref值):

<video ref="videoPlay" controls="controls" width='100%' height="100%">
   您的浏览器不支持 video 元素。
</video>

在需要动态绑定的方法里用$refs动态设置src

this.$refs.videoPlay.src = res.data.videoUrl;

方法二:src地址已切换或已重新赋值,重新加载audio/video

html代码如下:

<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()
  })
}

695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


发表评论

电子邮件地址不会被公开。 必填项已用*标注

自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客