本帖最后由 花简静 于 2024-12-22 21:51 编辑
<style>
@import 'https://638183.freep.cn/638183/web/css/audlrc.css?v=1.1';
#ma { margin: 130px 0 30px calc(50% - 931px); width: 1700px; height: 900px; background: url('https://642303.freep.cn/642303/tu/20241126cqjingn.webp') no-repeat center/cover; position: relative; }
#vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: screen; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none;opacity: .57; }
#mplayer { position: absolute; bottom: 230px; right: 280px; opacity: .57;}
#mplayer text { fill: silver; }
#mplayer circle { opacity: .3; }
#mplayer use { fill: #403f3f; }
#fsbtn { bottom: 20px; }
</style>
<div id="ma" class="pa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=515888361" autoplay loop></audio>
<video id="vid" src="https://bpic.588ku.com/video_listen/588ku_video/23/08/29/17/22/02/video64edb8ba412ef.mp4" autoplay loop muted></video>
<div id="fsbtn" class="fsbtn"></div>
</div>
<script type="module">
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/circle_lrc.js';
hcplay(ma);
fscreen.fs('ma', 'fsbtn');
</script>
|