介绍

• 官网 西瓜播放器 | 快速上手 (bytedance.com)

使用

• 安装

npm install xgplayer --save

• 在页面提供占位 DOM

<div id="mse"></div>

• 实例化

mounted() {
    this.initVideo()
},
methods: {
    initVideo(){
        let player = new Player({
            id: 'mse',
            url: XXXX,
            videoInit: true, // 显示首帧
            volume: 0.5, // 默认音量
            // autoplay: true, // 自动播放
            width: '100%', // 播放器宽度
            height: '470px', // 播放器高度
            playbackRate: [0.75, 1.0, 1.25, 1.5, 2.0],   // 可选播放速度选项
            defaultPlaybackRate: 1,     // 播放速度设置为1
        })
    },
}

之后就能成功运行dom了