帖子代码
<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], [230.48,"hey ya hey ya hey ya",1.6]];
</script>
|