<script>
/* 引用插件 */
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/mplayer.js';
document.body.appendChild(sf);

/* 配置插件 */
sf.onload = () => {
	HCPlayer({
		papa: '#papa', /* 配置帖子id选择器，支持class选择器（'.papa'）*/
		musics: music_ar, /* 歌词数组 : 在配置代码之外声明并使用该变量名赋值 */
		title: '湖光山色', /* 设置集子名称 */
		/* 播放器CSS设置 */
		player_css: `
			left: 10px; /* 支持right定位 */
			bottom: 10px; /* 支持top定位 */
			background: none; /* 播放器背景 : 支持颜色、渐变和图片背景 */
			border: thick double lightgreen; /* 播放器边框 */
			color: white; /* 播放器前景色 */
			--ww: 300px; /* 播放器宽度 ≥ 300px */
			--hh: 140px; /* 播放器高度 建议≥ 140px */
			--track: green; /* 进度条底轨色 */
			--prog: lightgreen; /* 进度条覆盖色 */
		`,
		/* 全屏按钮CSS设置 : 定位和背景色、前景色 */
		fs_css: 'left: 20px; top: 20px; --bg: green; --color: white;',
	});
};

/* 声明歌曲数组 */
var music_ar = [
	['音频地址1','歌名1'],
	['音频地址2','歌名2'],
	['音频地址3','歌名3'],
	['音频地址N','歌名N'],
];
</script>

/* 简单配置插件 */
sf.onload = () => {
	HCPlayer({
		papa: '#papa',
		musics: music_ar,
		title: '湖光山色',
		player_css: 'bottom: 10px; background: none;',
		fs_css: 'left: 20px; top: 20px;',
	});
};

<style>@import "https://638183.freep.cn/638183/web/css/mplayer.css";</style>