本帖最后由 花简静 于 2024-12-22 22:02 编辑
<style>
#mama { margin: 130px 0 30px calc(50% - 931px); width: 1700px; height: 900px; background: url('https://642303.freep.cn/642303/tu/20240923qingyi02.webp') no-repeat center/cover; box-shadow: 0 0 8px rgba(0,0,0,.65); overflow: hidden; z-index: 1; position: relative; }
#mama > video { position: absolute;
width: 100%;
height: 100%;
opacity: .63;
object-fit: cover;
mix-blend-mode: soft-light;
-webkit-mask: linear-gradient(to top, red 30%, transparent 55%, transparent);
pointer-events: none;
}
.player { position: absolute;left:34.5%; top:50.5%; width: 50px; height: 50px; mix-blend-mode: darken;animation: rot 8s linear infinite var(--state); cursor: pointer; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="mama" class="mama">
<audio src="https://music.163.com/song/media/outer/url?id=25638340" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/2414777/00/02/13/5b514e39921d5.mp4" autoplay loop muted></video>
<img class="player" src="https://pic.imgdb.cn/item/65c0a8f19f345e8d03032e45.png" alt="" />
</div>
<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/yslrc_133703119608822812.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0,
average: 0,
btnplay: '.player',
lrc_css: 'left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(#ffffffaa, SaddleBrown); color: silver;font: bold 2.0em cursive;opacity: .86;',
fs_css: 'left: 5%; bottom: 20px; transform: translateX(-50%); --bg: transparent; --color: #eee',
});
};
var geci = `
[00:00.000]《此生不换》
[00:06.754]作词 : 杨漩予
[00:10.621]作曲 : 闻震
[00:16.548]编曲 : 翟松
[00:20.386]制作人 : 许经纶
[00:25.974]歌手 : 青鸟飞鱼
[00:33.494]时光穿不断 流转在从前
[00:40.934]刻骨的变迁
[00:42.780]不是遥远
[00:47.366]再有一万年
[00:51.109]深情也不变
[00:54.851]爱像烈火般蔓延
[01:03.136]记忆是条长线 盘旋在天边
[01:10.477]沉浮中以为
[01:12.144]情深缘浅
[01:17.01]你再度出现
[01:20.616]我看见誓言
[01:24.288]承诺在水天之间
[01:31.316]回头看
[01:35:451]不曾走远
[01:39.226]依依目光此生不换
[01:46.196]要分散 不习惯
[01:50.206]怎么算 都太难
[01:53.820]分开之后更勇敢
[02:01.100]愿这爱 世代相传
[02:13.298]喝不完忘情水
[02:15.523]不让你如烟
[02:20.185]前尘再怀恋
[02:22.533]望剑如面
[02:27.164]挥舞的瞬间
[02:30.819]别再闭上眼
[02:34.509]错过惊世的依恋
[02:41.189]回头看
[02:45.641]不曾走远
[02:49.254]眷恋一人流连忘返
[02:56.595]多少汗 够温暖
[02:59.931]你哭喊 我呼唤
[03:03.824]听清耳边的呢喃
[03:11.171]别害怕
[03:13.721]风轻云淡
[03:33.279]回头看
[03:36.910]不曾走远
[03:40.841]依依目光此生不换
[03:48.292]要分散 不习惯
[03:52.07]怎么算 都太难
[03:55.779]分开之后更勇敢
[04:03.90]愿这爱 世代相传
[04:13.168]2024-9-24
`;
</script>
| 
