本帖最后由 花简静 于 2024-12-22 21:45 编辑
<style>
@import 'https://638183.freep.cn/638183/web/mod/aud_lrc.css';
#tz { --state: running; margin: 130px 0 30px calc(50% - 931px); width: 1700px; height: 1800px; background: url('https://642303.freep.cn/642303/tu/20241218gete04.webp') no-repeat center/cover; }
#player { position: absolute; width: 320px; height: 320px; right:30%;top:60%;object-fit: cover; border-radius: 50%;mix-blend-mode: screen; cursor: pointer; animation: rot 8s linear infinite var(--state); opacity: .65;}
#prog { bottom: 50px; width: 400px; --bg1: DimGray; --bg2:Gray; --color: DarkGray; }
.vid { position: absolute; width: 100%; height: 100%;bottom:0px; object-fit: cover; mix-blend-mode: screen; opacity: .65;}
</style>
<div id="tz" class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=30413351"></audio>
<video id="player" src="https://img.tukuppt.com/video_show/2475824/00/01/41/5b42c3cfabbe3.mp4" autoplay loop muted></video>
<div id="prog" class="prog" data-tt="00:00 00:00"></div>
<video class="vid" src="https://img.tukuppt.com/video_show/7165162/00/17/50/5ec64ee5538e4.mp4" autoplay loop muted></video>
</div>
<script type="module">
import { Aud } from 'https://638183.freep.cn/638183/web/mod/aud_lrc.js';
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
var audio = new Aud(tz, player);
audio.play();
fscreen.fs(tz);
player.oncontextmenu = (e) => e.preventDefault();
</script>
|