vue easplayer-componet 引入 videojs，在js中使用

首先，在你的 Vue 项目中安装 `video.js` 和 `videojs-flash`（如果需要支持 Flash 播放器）：

npm install video.js videojs-flash

然后，在你需要使用 `video.js` 的组件中，引入依赖：

import videojs from 'video.js'
import 'video.js/dist/video-js.css'
import 'videojs-flash/dist/videojs-flash.css'

export default {
  mounted() {
    // 创建 video.js 播放器实例
    this.player = videojs(this.$refs.videoPlayer, this.options, function onPlayerReady() {
      // 播放器准备好后回调
      console.log('视频播放器已经准备就绪!')
    })
  },
  beforeDestroy() {
    // 销毁播放器实例
    if (this.player) {
      this.player.dispose()
      this.player = null
    }
  },
  methods: {
    play() {
      // 播放视频
      this.player.play()
    },
    pause() {
      // 暂停视频
      this.player.pause()
    }
    // 其他播放器控制方法...
  }
}

在上面的代码中，我们首先引入了 `video.js` 和相关的 CSS 文件，然后在组件的 `mounted` 钩子中，创建了一个 `video.js` 播放器实例，并将其挂载到模板中的 `<video>` 标签上。

在组件销毁前，我们需要手动调用 `player.dispose()` 方法，销毁播放器实例，以释放内存。在组件中，我们可以通过 `this.player` 访问播放器实例，调用 `player.play()` 和 `player.pause()` 等方法，控制视频的播放暂停等行为。