【无标题】HTML使用西瓜视频播放监控

首先下载两个js

https://cdn.jsdelivr.net/npm/xgplayer-hls.js/browser/index.js        名字为：xgplayer-hls.js

https://cdn.jsdelivr.net/npm/xgplayer@2.31.2/browser/index.js    名字为：xgplayer@2.31.2.js

然后引入到html中

下面是Html代码

<div id="core"></div>

下面是js代码

let player = new HlsJsPlayer({
	id: "core",
	url: res.data.hls,          //这里要写上自己的监控地址了，我这里是m3u8格式的
	playsinline: true,
	whitelist: [""],
	autoplay: true,             //自动播放
	autoplayMuted: true,        //自动播放切静音
	width: 683,
	height: 384,
});

下面是效果

test