本帖最后由 花简静 于 2024-12-22 21:49 编辑
<style>
@import 'https://638183.freep.cn/638183/web/mod/mplayer.css';
#pa { margin: 130px 0 30px calc(50% - 931px); width: 1700px; height: 900px;background: url('https://642303.freep.cn/642303/tu/dxz03.webp') no-repeat center/cover; }
#mplayer { width: 280px; height: 140px; left: 30px; bottom:30px;
--prog: #7e96ba;
--track: silver; /* 进度条底色 */
--ppcolor1: snow; /* 频谱颜色一（上下两头的颜色） */
--ppcolor2: lightblue; /* 频谱颜色二（中间的颜色） */
bottom: 20px; background: rgba(34,20,35,.65); filter: blur(.5px); opacity: 0.29;}
#mbtn {
left: 10px;
bottom: 10px;
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #475e81;
cursor: pointer;
display: grid;
place-items: center;
}
#mbtn:after {
position: absolute;
content: '';
width: 50%;
height: 50%;
background: #475e81;
clip-path: var(--path);
}
.vid { mix-blend-mode: screen; opacity: 0.39;}
</style>
<div id="pa" class="pa" data-title="雪千寻 - 胡伟立">
<audio src="https://music.163.com/song/media/outer/url?id=29999368"></audio>
<video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/02/20/43/14/video636265e2772ed.mp4" autoplay loop muted></video>
</div>
<script type="module">
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mplayer.js';
hcplay(pa);
</script>
| 
