element UI使用vue-video-player

Element UI 是一个基于 Vue.js 的桌面端组件库，而 Vue Video Player 是一个用于在 Vue.js 应用程序中嵌入视频播放器的插件。虽然它们都是用于 Vue.js 的，但它们是两个不同的库，没有直接的联系。如果您想在 Element UI 中使用 Vue Video Player，您需要先在您的 Vue.js 应用程序中安装和配置 Vue Video Player，然后在 Element UI 组件中使用它。以下是一个简单的示例：

<template>
  <el-card>
    <video-player ref="player" :options="playerOptions"></video-player>
  </el-card>
</template>

<script>
import VideoPlayer from 'vue-video-player'
import 'video.js/dist/video-js.css'

export default {
  components: {
    VideoPlayer
  },
  data() {
    return {
      playerOptions: {
        autoplay: true,
        controls: true,
        sources: [{
          src: 'http://example.com/video.mp4',
          type: 'video/mp4'
        }]
      }
    }
  }
}
</script>

在上面的示例中，我们首先导入了 Vue Video Player 和 Video.js 样式文件，然后在组件中注册了 Vue Video Player，最后在模板中使用了 `video-player` 组件，同时传递了 `options` 属性以配置播放器。注意，我们还可以使用 `ref` 属性引用播放器实例，以便在需要时调用播放器的方法。