vue3，播放监控m3u8视频流

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', //视频类型
            }