1.首先结合video.js完成,
需要先下载俩个依赖
npm install --save video.js;
npm install --save videojs-contrib-hls
而后在main.js引入全局样式和js文件,也可以在组件局部引入样式,看个人需求
import 'video.js/dist/video-js.css'
import videojs from 'video.js';
import 'videojs-contrib-hls'
2.页面使用
<video ref="Video" autoplay muted="muted" style='width: 100%;height: 350'></video>
this.singlePlayer = videojs(this.$refs.singleVideo, {
poster: "",//封面图片
autoplay: true,
playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
durationDisplay: true, // 总时间
progressControl: true, // 进度条
fullscreenToggle: true, //全屏按钮
pictureInPictureToggle: true, //画中画
controls: false,
});
l