刘珂矣演唱古风歌曲六首（学习套用黑黑湖光山色多歌曲播放器效果）
<style>
#papa {
margin: 150px 0 30px calc(50% - 748px);
width: 1326px;
height: 744px;
background: url(' https://v.djqq.net/tttdj/upfile/20240903030134.gif') no-repeat center/cover;
box-shadow: 3px 3px 6px #000;
position: relative;
z-index: 1;
display: grid;
place-items: center;
}
#papa > video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: screen;
-webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
transform: rotateX(360deg);
pointer-events: none;
}
</style>
<div id="papa">
<video src="https://img.tukuppt.com/video_show/2414777/00/01/68/5b4865ba379a9.mp4" autoplay loop muted></video>
</div>
<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',
musics: music_ar,
title: '刘珂矣演唱古风歌曲六首',
player_css: `
bottom: 50px;
left: 50px;
background: none;
border: thick inherit DarkSlateGray;
color: Silver;
--ww: 300px;
--hh: 50px;
--track: #cad5d9;
--prog: #9cd7ea;
`,
fs_css: 'top: 20px; background: none;',
});
};
var music_ar = [
['https://v.djqq.net/tttdj/upfile/20240903025632.mp3', '一袖云'],
['https://v.djqq.net/tttdj/upfile/20240903025704.mp3', '忘尘谷'],
['https://v.djqq.net/tttdj/upfile/20240903025724.mp3', '风筝误'],
['https://v.djqq.net/tttdj/upfile/20240903025747.mp3', '缥缃醉'],
['https://v.djqq.net/tttdj/upfile/20240903172655.mp3', '芙蓉雨'],
['https://v.djqq.net/tttdj/upfile/20240903172738.mp3', '泼茶香'],
];
</script>
<br><br><br>
@马黑黑
黑黑本来想改歌曲列表背景緑颜色的，发现在js里面的css里面，黑黑太厉害了，代码这么多都封装了，厉害的，做一个播放器花许多精力的{:4_187:} 小辣椒套用清舟的样子，做一个，感谢黑黑源码分享@緑叶清舟 小辣椒 发表于 2024-9-3 21:01
@马黑黑
黑黑本来想改歌曲列表背景緑颜色的，发现在js里面的css里面，黑黑太厉害了，代码这么多都封装 ...
颜色可以前台配置的，不用动原始代码。请查看文档：mplayer插件配置及使用说明 (52qingyin.cn) 马黑黑 发表于 2024-9-3 21:04
颜色可以前台配置的，不用动原始代码。请查看文档：mplayer插件配置及使用说明 (52qingyin.cn)
啊，我偷懒没有去看配置说明 马黑黑 发表于 2024-9-3 21:04
颜色可以前台配置的，不用动原始代码。请查看文档：mplayer插件配置及使用说明 (52qingyin.cn)
黑黑，我指的是播放器列表出来歌曲名称的背景，配置上有注明吗 刘珂矣，禅意歌手，好听！{:4_431:} 辣椒这个图片浓浓的江南味道，太美了 岁月·如歌 发表于 2024-9-3 21:37
刘珂矣，禅意歌手，好听！
梦梦晚上好~~谢谢欣赏{:4_187:} 绿叶清舟 发表于 2024-9-3 21:41
辣椒这个图片浓浓的江南味道，太美了
网络搜索的，加工了一下{:4_173:} 喜欢听小刘的古风歌曲哈{:4_204:} 小辣椒 发表于 2024-9-3 21:18
黑黑，我指的是播放器列表出来歌曲名称的背景，配置上有注明吗
那个不开放，最好通过修改源码 小辣椒 发表于 2024-9-3 21:07
啊，我偷懒没有去看配置说明
这做法其实会弯路，会消耗更多时间 马黑黑 发表于 2024-9-3 23:06
那个不开放，最好通过修改源码
需要改源码我就算了，这样也是挺好的 马黑黑 发表于 2024-9-3 23:08
这做法其实会弯路，会消耗更多时间
那还是不去看配置？ 醉美水芙蓉 发表于 2024-9-3 22:38
小辣椒这个播放器真漂亮！
谢谢~~~{:4_171:} 醉美水芙蓉 发表于 2024-9-3 22:40
小频谱也很漂亮！歌曲好听！
谢谢水芙蓉欣赏{:4_171:} 朵拉 发表于 2024-9-3 22:49
喜欢听小刘的古风歌曲哈
朵拉晚上好，我刚准备下了去睡觉了，太迟了{:4_173:}