微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

uniapp 刷新video和live-player组件,实现刷新效果

思路:

点击刷新时,用v-if将video元素隐藏,改变一个值,并在watch里监听这个值,值改变的时候

  

<live-player id="live-video" :src="dataObj.serverAddress" v-if="showVideo" autoplay></live-player>

 

refresh(){
  console.log("刷新视频")
  this.refreshdata+=1;
  this.showVideo = false;
}

  将showVideo变为true的方法放在this.$nextTick()中,触发浏览器的重排,可以使浏览器重新获取video和live-player的src值,重新加载视频资源。

watch:{
refreshdata (old,new) {
  this.$nextTick(() => {
    this.showVideo = true
  })
}
},

  

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐