2024年8月30日 星期五
<style>
#mama {
margin: 220px 0 30px calc(50% - 730px);
width: 1280px;
height: 720px;
background: url('https://638183.freep.cn/638183/t24/4/ziji.jpg') 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%;
object-fit: cover;
mix-blend-mode: screen;
-webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
pointer-events: none;
}
</style>
<div id="mama" class="mama">
<audio src="https://music.163.com/song/media/outer/url?id=1429125926" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/15653652/01/35/15/63086d380044e.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/curve_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0,
average: 0,
dir: 2,
img: {play: '', pause: ''},
player_css: `
left: 50%;
transform: translateX(-50%);
bottom: 10px;
width: 200px;
height: 90px;
--track: #ddffcc;
--prog: #fff;
`,
lrc_css: 'left: 50%; top: 20px; transform: translateX(-50%);',
fs_css: 'right: 10px; top: 10px; --bg: transparent; --color: white;',
});
};
var geci = `[00:00.900]自己\n[00:05.100]歌手 :刘亦菲\n[00:10.461]仔细地 看着波光中清晰的倒影\n[00:17.452]是另一个自己\n[00:20.226]它属于 我最真实的表情\n[00:27.903]不愿意 生活中掩饰真心敷衍了\n[00:34.949]爱我的人的眼睛\n[00:42.420]我 心中的自己\n[00:47.710]每一秒 都愿意\n[00:52.521]为爱放手去追寻\n[00:57.871]用心去珍惜\n[01:05.245]隐藏在 心中每一个真实的心情\n[01:12.217]现在释放出去\n[01:15.399]我想要 呈现世界前更有力量的\n[01:22.134]更有勇气的生命\n[01:30.249]我 眼中的自己\n[01:35.287]每一天 都相信\n[01:39.959]活得越来越像我爱的自己\n[01:50.291]我心中的自己\n[01:55.239]每一秒 都愿意\n[02:00.021]为爱放手去追寻\n[02:05.318]用心去珍惜\n[02:09.418]只有爱里才拥有自由气息\n[02:17.478]诚实 面对自己才有爱的决心\n[02:27.407]我 眼中的自己\n[02:32.312]每一天 都相信\n[02:37.631]活得越来越像我爱的自己\n[02:47.713]我 心中的自己\n[02:52.546]每一秒 都愿意\n[02:57.671]为爱放手去追寻\n[03:02.776]去珍惜 去爱\n[03:10.926]为爱放手去追寻\n[03:17.849]用心去珍惜`;
</script>
|