<template>
<video-player class="video-player-box"
ref="videoPlayer"
:options="playerOptions"
:playsinline="false"
customEventName="customstatechangedeventname"
@play="onPlayerPlay($event)"
@pause="onPlayerPause($event)"
@ended="onPlayerEnded($event)"
@loadeddata="onPlayerLoadeddata($event)"
@timeupdate="onPlayerTimeupdate($event)"
@ready="playerReadied($event)">
</video-player>
</template>
<script>
export default {
data() {
return {
playerOptions: {
// videojs options
muted: true,//默认静音
language: 'en',
playbackRates: [0.7, 1.0, 1.5, 2.0],//播放倍速
sources: [{
type: "video/mp4",//资源类型
src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"//资源路径
}],
poster: "/stati