醉美水芙蓉 发表于 2024-12-17 21:04:56

曾经的遗憾

<style>
        @import 'https://638183.freep.cn/638183/web/mod/aud_lrc.css';
        #tz { --state: running; margin: 30px 0 30px calc(50% - 593px); background: url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/220a678817a1902eec9d400633652e3a_preview.jpg') no-repeat center/cover; }
        #player { position: absolute; width: 400px; height: 400px; object-fit: cover; mix-blend-mode: screen; cursor: pointer; animation: rot 8s linear infinite var(--state); }
        #prog { bottom: 50px; width: 400px; --bg1: snow; --bg2: cyan; --color: snow; }
        #fsbtn { left: 30px; top: 30px; }
</style>

<div id="tz" class="pa">
        <audio src="https://bbs.cnzv.cc/mp3/MDAzemwyRlE0QWJUM2QmcXFtcDM=.mp3"></audio>
        <video id="player" src="https://img.tukuppt.com/video_show/2269348/00/14/17/5e1c8cf4ea84b.mp4" autoplay loop muted></video>
        <div id="prog" class="prog" data-tt="00:00 00:00"></div>
        <div id="fsbtn" class="fsbtn"></div>
</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, fsbtn);
        player.oncontextmenu = (e) => e.preventDefault();
</script>

klxf 发表于 2024-12-17 22:29:27

漂亮！视听盛宴一样的效果:)

醉美水芙蓉 发表于 2024-12-18 11:35:13

klxf 发表于 2024-12-17 22:29
漂亮！视听盛宴一样的效果

谢谢友友支持！
页: [1]
查看完整版本: 曾经的遗憾