2024年6月7日 星期五
<style>
#mydiv { margin: 30px 0 30px calc(50% - 730px); width: 1280px; height:900px; background: url('https://638183.freep.cn/638183/t24/2/tnsh.jpg') no-repeat 0/cover; border: thick inset tan; overflow: hidden; transition: 1s; z-index: 1; user-select: none; position: relative; }
.vid { position: absolute; object-fit: cover; }
.vid:nth-of-type(1) { bottom: 0; width: 100%; height: calc(100% + 0px); transform: rotateX(180deg) rotateY(180deg); mix-blend-mode: darken; }
.vid:nth-of-type(2) { top: 255px; left: 820px; width: 100px; height: 100px; border-radius: 50%; cursor: pointer; filter: drop-shadow(0 0 50px snow); transform-origin: 50% 100%; transition: 2s; }
.vid:nth-of-type(2):hover { transform: scale(1.5); }
</style>
<div id="mydiv">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1838042215" autoplay loop></audio>
<video class="vid" src="https://img.tukuppt.com/video_show/2269348/00/17/44/5ec490dd620e4.mp4" loop muted disablePictureinPicture></video>
<video class="vid" id="vbtn" src="https://img.tukuppt.com/video_show/2422006/00/02/21/5b543cae5d231.mp4" autoplay loop muted disablePictureinPicture></video>
</div>
<script>
(function() {
const sFile = document.createElement('script');
sFile.src = 'https://638183.freep.cn/638183/web/api/lrc.js';
sFile.charset = 'utf-8';
document.head.appendChild(sFile);
sFile.onload = () => {
LRC({
papa: '#mydiv',
lrcAr: lrcAr,
btn: '#vbtn',
lrc_css: 'left: 50%; top: 20px; transform: translate(-50%); color: rgba(255,255,255,.5); --bg: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.6))',
});
};
mydiv.oncontextmenu = (e) => e.preventDefault();
const lrcAr = [[2,"斯兰·天女散花", 10], [27.05,"鲜花开放满天庭满天庭",20], [46.08,"万紫千红万紫千红别有春",11.8], [58.01,"采得鲜花下人世",6.6], [65.01,"好分春色到凡尘",8.2], [80.08,"国色天香世无伦",7.2], [89.03,"百媚千娇画不成",8.1], [98.01,"天上鲜花谁爱护",6.6], [105.03,"不如来散给有情人",3.0], [108.06,"不如来散来散来散",5.5], [114.02,"来散来散来散",2.9], [117.01,"来散给有情人",8.2], [141.06,"鲜花开放满天庭满天庭",20], [164,"万紫千红万紫千红别有春",8.7], [173,"采得鲜花下人世",6.7], [180.05,"好分春色到凡尘",8.1], [195.08,"国色天香世无伦",7.2], [204.03,"百媚千娇画不成",8.6], [213.01,"天上鲜花谁爱护",6.4], [220.05,"不如来散给有情人",3.0], [223.06,"不如来散来散来散",6.0], [229.03,"来散来散来散",3.0], [232.01,"来散给有情人",8.8]];
})();
</script>
|