1.下载依赖
"vue3-video-play": "^1.3.2"
2.修改源码:
"main": "./dist/index.umd.js",
"module": "./dist/index.mjs",
3.注册、使用
template:
<video-play v-bind="options" class="myVideo"> </video-play>
script:
import { videoPlay } from 'vue3-video-play' // 引入组件
import 'vue3-video-play/dist/style.css'
let options = {
width: '100%', //播放器高度
height: `calc(100% - 60px)`, //播放器高度
color: "#409eff", //主题色
muted: true, //静音
webFullScreen: false,
speedRate: ["1.0"], //播放倍速
speed:false, //是否支持快进快退
autoPlay: false, //自动播放
loop: false, //循环播放
mirror: false, //镜像画面
ligthOff: false, //关灯模式
volume: 0.3, //默认音量大小
control: true, //是否显示控制器
title: "", //视频名称
src: "", //视频源
controlBtns:['audioTrack', 'fullScreen'],
// poster: props.video_obj.poster, //封面
type: 'm3u8', //视频类型
}