1.npm安装
npm install vue-video-player --save
npm install videojs-contrib-hls --save
2.视屏全铺满代码
/deep/ .video-js .vjs-tech {
object-fit: fill;
}
/deep/ .vjs-poster {
background-size: cover;
}
所有代码dome
<template>
<videoPlayer
class="video-player vjs-custom-skin"
id="myVideo"
ref="videoPlayer"
:playsinline="true"
:options="playerOptions"
@statechanged="playerStateChanged($event)"
@play="onPlayerPlay($event)"
@error="onError($event)"
></videoPlayer>
</template>
<script>
import 'video.js/dist/video-js.css'
import 'vue-video-player/src/custom-theme.css'
import { videoPlayer } from 'vue-video-player'
import 'videojs-contrib-hls'
export default {
components: {
videoPlayer
},
data() {
re