一、在main.js 引入vue-video-player
import
VideoPlayer
from
'vue-video-player'
Vue.
use(
VideoPlayer)
二、Player组件
<
template
>
<
div
class=
"container"
>
<
div
class=
"player"
>
<
video-player
class=
"video-player vjs-custom-skin"
ref=
"videoPlayer"
:playsinline="
false"
:options="
playerOptions"
@play="
onPlayerPlay(
$event)" //监听播放
@pause="
onPlayerPause(
$event)" //监听暂停
@statechanged="
playerStateChanged(
$event)" //监听播放状态改变
>
</
video-player
>
</
div
>