vue使用西瓜播放器

要在Vue中使用西瓜播放器，需要先安装依赖：

npm install vue-video-player --save
npm install video.js --save
npm install vuejs-clipper --save

然后在Vue组件中引入：

import VueVideoPlayer from 'vue-video-player'
import 'video.js/dist/video-js.css'
import 'vue-video-player/src/custom-theme.css'
import 'videojs-contrib-hls'
import VuejsClipper from 'vuejs-clipper/dist/vuejs-clipper.umd.min.js'
import 'vuejs-clipper/dist/vuejs-clipper.css'

Vue.use(VueVideoPlayer)
Vue.use(VuejsClipper)

最后在模板中使用：

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