美文网首页
vue-video-play动态切换视频源

vue-video-play动态切换视频源

作者: DCBXZ | 来源:发表于2021-12-14 15:57 被阅读0次

踩了无数个坑,网上很多资源都是没啥用或者互抄的,最后看到一位大佬的博客,才解决的,因此记录一下。附上大佬的博客地址:https://fe.ntnyq.com/plugins/videojs.html#%E4%BA%8B%E4%BB%B6

一、在computed中增加player()

二、在methods中增加方法,并调用this.player.src(填入地址)

<template>
  <vue-video-player ref="videoPlayer" />
</template>

<script>
export default {
  computed: {
    player() {
      return this.$refs.videoPlayer.player
    },
  },

  methods: {
    toggle() {
      const newVideo = 'https://video.com/video.mp4'

      this.player.src(newVideo)
    },
  },
}
</script>

相关文章

网友评论

      本文标题:vue-video-play动态切换视频源

      本文链接:https://www.haomeiwen.com/subject/vlrpfrtx.html