vue-video-player视频组件使用

vue-video-player视频组件使用
一、下载包
npm install vue-video-player --save
二、在main.js中引入包，注册组件

import VideoPlayer from 'vue-video-player'

Vue. use( VideoPlayer)

三、在视频页面使用该组件

<template>
  <el-dialog
    v-dialogDrag
    :title="titleList[titleType]"
    :visible="_visible"
    append-to-body
    @close="onCloseDialog()"
    @open="onOpenDialog"
  >
    <!-- <video id="videoID"    loop="loop" ref="vueRef" :src="videoUrlList[titleType]" autoplay  controls="controls"></video> -->
    <video-player  
      class="vjs-default-skin vjs-big-play-centered"
      ref="vueRef"
      :options="playerOptions"
      @play="onPlayerPlay($event)"
      @pause="onPlayerPause($event)"
    >
    <<