vue-video-player实现监控视频

vue-video-player是一个用于在Vue项目中实现实时视频播放的插件。要使用vue-video-player，首先需要在Vue项目中安装vue-video-player插件。然后，在父组件里调用视频播放组件，并通过点击事件来替换视频流地址，以实现播放实时视频。

代码示例：

<template>
  <div class="about">
    <video-player ref="playerObj"></video-player>
    <a @click="playVideo">播放视频</a>
  </div>
</template>

<script>
import VideoPlayer from './../../components/VideoPlayer'

export default {
  name: 'about',
  components: {
    VideoPlayer
  },
  data() {
    return {}
  },
  methods: {
    playVideo() {
      this.$refs['playerObj'].videoSrc = 'rtmp://xxxxxxxx'
      this.$refs['playerObj'].playerOptions.sources[0].src = 'rtmp://xxxxxxxx'
    }
  }
}
</script>