本帖最后由 花简静 于 2024-8-18 15:24 编辑
<style>
#papa { margin: 130px 0 20px calc(50% - 681px); width: 1200px; height: 700px; background: lightblue; box-shadow: 3px 3px 6px gray; overflow: hidden; z-index: 1; position: relative; }
#canv { position: absolute; mix-blend-mode: screen;z-index: 10; }
#player { position: absolute; bottom: 0px; right:0; cursor: pointer; animation: rot 5s linear infinite var(--state); }
.vid { position: absolute; object-fit: cover; mix-blend-mode: ; pointer-events: none; }
.vid:nth-of-type(1) { top: 160px;left:420px; width: 380px; height: 380px; z-index: 3; border-radius: 50%;}
.vid:nth-of-type(2) { top: -60px; width: 100%; height: calc(100% + 60px); opacity: .9; }
</style>
<div id="papa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1829062818" autoplay></audio>
<video class="vid" src="https://img.tukuppt.com/video_show/2475824/00/07/98/5d146a6b076b0.mp4" muted loop></video>
<video class="vid" src="https://img.tukuppt.com/video_show/2461796/00/02/03/5b4f4724d1a13.mp4" muted loop></video>
<canvas id="canv" width="1500" height="360"></canvas>
<img id="player" src="https://642303.freep.cn/642303/tu/05050.png" alt="" />
</div>
<script>
var sF = document.createElement('script');
sF.src = 'https://638183.freep.cn/638183/web/js/fireframes.js';
sF.charset = 'utf-8';
document.body.appendChild(sF);
var pa = papa, lz = 100, flash = true;
player.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>
<br><br><br><br><br>
|