<style>
#papa {
margin: 20px 0 20px calc(50% - 931px);
width: 1700px;
height: 900px;
top:130px;
background: url('https://pic.imgdb.cn/item/65b5e53a871b83018aef7f1e.webp') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
overflow: hidden;
z-index: 1;
transition: filter .75s;
display: grid;
place-items: center;
position: relative;
}
#papa::after {
position: absolute;
content: url('https://pic.imgdb.cn/item/65b5f319871b83018a1de0dc.gif');
opacity: .32;
right: 1px;
top: 40px;
mask: linear-gradient(to top, transparent 10%, red 65%, red 0);
-webkit-mask: linear-gradient(to top, transparent 10%, red 65%, red 0);
mix-blend-mode: multiply;
}
#papa:hover { filter: brightness(80%); }
.ipic { position: absolute; z-index: 10;mix-blend-mode: normal; animation: rotating 6s infinite var(--state); }
#papa video {
position: absolute;
width: 1100px;
height: 650px;
left:16px;
bottom:100px;
object-fit: cover;
pointer-events: none;
opacity: .99;
object-fit: cover; aspect-ratio: 1;
}
</style>
<div id="papa">
<img class="ipic" alt="" src="https://pic.imgdb.cn/item/65b605b9871b83018a61cb3e.png" />
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2106791516" autoplay="" loop=""></audio>
<video id="vid" src="https://img.tukuppt.com/video_show/2405179/00/02/38/5b5ecc0d8d257.mp4" muted loop></video>
</div>
<script>
(function() {
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/anklet_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
let geci = [
[0.54,"单曲：岁月",1.1],
[1.62,"歌手：黄绮珊 / 周深",1.4],
[2.97,"所属专辑：声生不息·家年华 第2期",1.7],
[4.64,"作词：那英/王菲 作曲：钱雷",1.8],
[6.48,"原唱：王菲/那英",1.7],
[8.15,"学习黑师《one》渐变花背景和歌词图片背景效果",2.5],
[10.66,"",17.4],
[28.07,"千山万水相聚的一瞬",4.0],
[35.3,"千言万语就在一个眼神",4.4],
[42.04,"生活是个复杂的剧本",4.0],
[49,"不改变我们生命的单纯",4.8],
[56.09,"不问扬起过多少烟尘",4.2],
[63.04,"不枉内心一直追求的安顿",4.8],
[70.66,"不管走过多远的旅程",3.7],
[77.01,"感动不一定流泪",2.4],
[80.42,"感情还一样率真",2.6],
[84.29,"我为你留着一盏灯",4.2],
[91.08,"让你心境永远不会近黄昏",4.9],
[98.08,"我心中不会有黄昏",4.5],
[105.03,"有你在永远像初春的清晨",5.2],
[112.08,"云很淡",1.0],
[115.89,"风很清",1.5],
[119.08,"任星辰",1.0],
[123.1,"浮浮沉沉",1.8],
[129.21,"",13.8],
[143.06,"生活是个复杂的剧本",3.6],
[150.01,"不改变我们生命的单纯",4.4],
[157.14,"不管走过多远的旅程",3.7],
[163.46,"感动不一定流泪",2.4],
[166.9,"感情还一样率真",2.8],
[170.04,"我心中亮着一盏灯",4.9],
[177.01,"你是让我看透天地那个人",5.6],
[184.03,"你是我心里那盏灯",5.1],
[191.06,"让我静看外面喧闹的红尘",5.8],
[198.61,"且听岁月像旋律永恒",4.8],
[206.06,"一直陪伴不断聚散的旅程",4.7],
[213,"我心中开着一扇门",4.8],
[220.2,"一直等待永远青春的归人",4.9],
[230.08,"云很淡",1.4],
[233.08,"风很清",1.9],
[237.09,"任星辰",1.5],
[242.02,"浮浮沉沉",2.6]
];
script.onload = () => {
HCPlayer({
papa: '#papa',
lrcAr: geci,
lrc_css: 'top: 20px;z-index: 12; color: rgba(250,250,250,.4); --bg: url("https://638183.freep.cn/638183/small/002.png");',
fs_css: 'bottom: 20px; left:-220px; color: #eee; background: transparent;',
player_css: `
bottom: 80px;
right: 260px;
z-index: 11;
border-width: 0;
color: #fff;
--size: 240px;
--bRad: 50%;
--track: gray;
--prog: lightblue;
--btnBg:url('https://pic.imgdb.cn/item/65b60611871b83018a62fd59.gif') no-repeat center/cover;
`,
});
};
setInterval(() => aud.paused ? vid.pause() : vid.play());
})();
</script>
<br><br><br><br><br><br><br><br><br>
发表于 2024-1-28 18:37
发表于 2024-1-28 18:57