本帖最后由 花简静 于 2024-12-22 21:47 编辑
<style>
@import 'https://638183.freep.cn/638183/web/mod/ccpp_lrc.css';
#tz {margin: 130px 0 30px calc(50% - 931px); width:1700px; height: 900px; background: url('https://642303.freep.cn/642303/tu/20241215ts206.webp') no-repeat center/cover; }
#mplayer { --tx: 0; --ppNum:52; --ppBg:MediumAquamarine; --ppLen: 1px; --ppCap: DarkKhaki; --prog: OliveDrab; --track: silver; bottom: 130px;left:130px; color: Orange;opacity: .66; }
#fsbtn { bottom: 20px; color: white; border-color: white; }
.vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: screen;-webkit-mask: linear-gradient(to top, red 20%, transparent 65%, transparent); pointer-events: none; opacity: .18;}
</style>
<div id="tz" class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=1793312"></audio>
<video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/11/07/17/27/09/video672c87ed24c13.mp4" autoplay loop muted></video>
<div id="fsbtn" class="fsbtn"></div>
</div>
<script type="module">
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/ccpp_lrc.js';
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
hcplay(tz);
fscreen.fs(tz, fsbtn);
</script>
|