本帖最后由 花简静 于 2024-8-18 15:47 编辑
<style>
#tz {
margin: 130px 0 30px calc(50% - 931px);
width: 1700px;
height: 900px;
background: url('https://pic.imgdb.cn/item/66bc7276d9c307b7e99580e4.webp') no-repeat center/cover;
box-shadow: 0 0 8px gray;
overflow: hidden;
z-index: 1;
display: grid;
place-items: center;
position: relative;
}
#tz > video {
position: absolute;
width: 100%;
height: calc(100% + 200px);
object-fit: cover;
mix-blend-mode: screen;
opacity: .48;
left:200px;
pointer-events: none;
}
</style>
<div id="tz" class="tz">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=64625" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/2269348/00/14/66/5e5a24c3a4ff5.mp4" autoplay loop muted></video>
</div>
<script>
let geci = `[00:00:00]陈奕迅 - 无人之境
[00:04.89]曲：Erick Kwok / 词：黄伟文
[00:07.89]编：Erick Kwok / 监：Erick Kwok
[00:10.89]专辑：Time Flies
[00:15.89]@ zhengyajun 制作
[00:17.89]让理智在叫着冷静冷静
[00:22.11]还恃住年少气盛
[00:25.34]让我对着冲动背着宿命
[00:29.72]浑忘自己的姓
[00:32.63]沉睡的凶猛在苏醒 完全为你现形
[00:40.66]这个世界最坏罪名 叫太易动情
[00:49.01]但我喜欢这罪名
[00:54.07]惊天动地 只可惜天地亦无情
[00:59.58]不敢有风 不敢有声 这爱情无人证
[01:09.33]飞天遁地 贪一刻的乐极忘形
[01:14.97]好想说谎 不眨眼睛 这爱情无人性
[01:26.14]
[01:33.07]若世界陷进大骗局里面
[01:37.39]朋友亦难以发现
[01:40.87]共你隔着空在秘密通电
[01:45.23]挑战道德底线
[01:48.37]如若早三五年相见 何来内心交战
[01:56.29]我信与你继续乱缠 难再有发展
[02:04.74]但我想跟你乱缠
[02:09.40]惊天动地 只可惜天地亦无情
[02:14.92]不敢有风 不敢有声 这爱情无人证
[02:24.77]飞天遁地 贪一刻的乐极忘形
[02:30.42]好想说谎 不眨眼睛 似进入无人境
[02:40.94]即使间整个约会情调幽暗似地下城
[02:46.93]还是算温馨
[02:48.98]多麽想跟你散步桥上把臂看着风景
[02:54.50]但是我清醒
[02:56.71]月亮总不肯照亮情慾深处那道背影
[03:02.38]你我像快快乐乐同游在异境
[03:08.30]浪漫到一起惹绝症
[03:16.13]
[03:22.67]不想说明 只想反应
[03:30.82]`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/tube_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#tz',
geci: geci,
skip: 0.5,
average: 3.5,
lrc_css: 'bottom: 30px; --bg: linear-gradient(transparent, #778899);font: bold 2.0em cursive;opacity: .28; color: lightblue;',
player_css: 'width: 300px; height: 10px; opacity: .48;left:870px;0px;bottom: 430px; --prog: CadetBlue; --track: LightSteelBlue; --color: DarkGray; --bg: url("https://pic.imgdb.cn/item/66bc540fd9c307b7e9650923.png") no-repeat center/cover',
fs_css: 'top: -120px;--bg: transparent; --color: snow;'
});
};
</script>
| 
