帖子代码
<style>
#papa { margin: 20px 0 20px calc(50% - 581px); width: 1000px; height: 600px; background: tan; box-shadow: 3px 3px 6px gray; z-index: 1; overflow: hidden; user-select: none; display: grid; place-items: center; position: relative; }
.vid { position: absolute; bottom: 0; width: 100%; height: calc(100% + 60px); object-fit: cover; }
.vid:nth-of-type(2) { mix-blend-mode: soft-light; }
.vid:nth-of-type(3) { width: 160px; height: 160px; right: 10px; top: 10px; box-shadow: 0 0 6px #333; border-radius: 50%; cursor: pointer; }
</style>
<div id="papa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2155846789" autoplay loop></audio>
<video class="vid" src="https://img.tukuppt.com/video_show/2405811/00/73/37/608cac40d5011.mp4" poster="https://638183.freep.cn/638183/web/svg/3star.svg" disablePictureInPicture loop muted></video>
<video class="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/92/5b4e94ee899b6.mp4" disablePictureInPicture loop muted></video>
<video class="vid" id="player" src="https://img.tukuppt.com/video_show/2432605/00/01/74/5b49943f362e5.mp4" poster="https://638183.freep.cn/638183/web/svg/3star.svg" title="播放/暂停" disablePictureInPicture loop muted></video>
</div>
<script>
var sF = document.createElement('script');
sF.charset = 'UTF-8';
sF.src = 'https://638183.freep.cn/638183/web/api/lrc.js';
document.body.appendChild(sF);
sF.onload = () => LRC({papa: '#papa', lrc_css: 'top: 20px;', lrcAr: lrcAr, btn: '#player'});
papa.oncontextmenu = (e) => e.preventDefault();
var lrcAr = [[2,"彭席彦 - 积木",6], [23.38,"对照爱情的轮廓一步一步拼凑",3.7], [29,"越堆越高的承诺却比想象脆弱",3.6], [32.9,"散落的伤靠眼泪粘合",3.1], [36.03,"继续重蹈覆辙",1.9], [38.2,"听谁又鬼扯",1.8], [40.04,"浪漫的规则",1.2], [41.22,"最后 剩一具空壳",2.3], [44.64,"请随便拆走",2.6], [47.8,"我胸口哪根骨头",2.1], [50.14,"别让脉搏",2.4], [53.31,"转述心碎的感受",2.1], [55.65,"不再奢求",2.3], [58.81,"完成对永恒的虚构",5.6], [67,"人和人之间总有破绽",1.6], [69.73,"譬如说坚持难得圆满",1.7], [72.45,"像积木缺了关键一块",1.8], [75.7,"谈什么羁绊",1.9], [78.05,"如果世界只有一个我",4.4], [83.24,"我才不愿为谁去迁就",4.3], [88.05,"就让我 沉浮在时光洪流",2.6], [91.59,"流亡也无需拯救",1.9], [94.3,"救回最初自由的自我",4.1], [98.56,"hey ya hey ya hey ya",1.6], [111.11,"有多少孤独拼来拼去却四分五裂",2.4], [113.65,"有多少幸福拼来拼去还完美无缺",2.5], [116.39,"当麻木失去血液",1.5], [117.94,"善变被写进了感言",1.2], [119.15,"再拼不回懵懂的脸",1.7], [121.71,"请随便拆走",2.6], [124.74,"我胸口哪根骨头",2.2], [127.11,"别让脉搏",2.4], [130.24,"转述心碎的感受",2.2], [132.69,"不再奢求",2.3], [135.82,"完成对永恒的虚构",5.6], [144.1,"如果世界只有一个我",4.2], [149.2,"我才不愿为谁去迁就",4.5], [154.07,"就让我 沉浮在时光洪流",2.6], [157.58,"流亡也无需拯救",1.9], [160.34,"救回最初自由的自我",4.5], [177.09,"越过了沙丘 倒不转沙漏",1.8], [179.73,"只挥了挥手 就不堪回首",2.0], [182.49,"越过了沙丘 倒不转沙漏",1.9], [185.19,"只挥了挥手 就不堪回首",2.1], [188.07,"人和人之间总有破绽",1.6], [190.7,"譬如说坚持难得圆满",1.7], [193.41,"像积木缺了关键一块",1.8], [196.71,"谈什么羁绊",1.9], [199.01,"如果世界只有一个我",4.4], [204.2,"我才不愿为谁去迁就",4.4], [209.07,"就让我 沉浮在时光洪流",2.7], [212.57,"流亡也无需拯救",2.0], [215.32,"救回最初自由的自我",4.3], [219.78,"hey ya hey ya hey ya",1.6], [225.03,"hey ya hey ya hey ya",1.6], [230.48,"hey ya hey ya hey ya",1.6]];
</script>
|
发表于 2024-5-16 07:48
发表于 2024-5-16 09:46
