小辣椒 发表于 2024-11-24 22:41

今夜你想我不 - 歌手：刘秋仪


<style>
        @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
        #mama { margin: 140px 0 50px calc(50% - 831px); width: 1500px; height: 810px; background: black url('https://xlaj.cn/upfile/202411/23/03.jpg') no-repeat center/ cover; }
        #player { width: 200px; height: 200px;left: calc(59% - 120px);top: 26.5%; animation: flash 4s linear infinite var(--state), rot 8s linear infinite var(--state); }
        #player:hover { filter: hue-rotate(180deg); transition: .7s; }
        #prog { bottom: 200px; left: 49%; width: 300px; height: 2px;--bg1: Sienna; --bg2: DarkRed; --color: Sienna; }
        #prog::before { width: 100%; height: 40px; left: 0; top: -30px; }
        #lrc {bottom: 250px; left: 52%;font:normal 1.6em Microsoft YaHei;--bg: linear-gradient(rgba(128,128,0,.15),rgba(128,128,0,.25)); }
        #vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: darken; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; }
        #fsbtn { position: absolute; bottom: 40px; color: DarkKhaki; padding: 2px 6px; border: 2px solid DarkKhaki; border-radius: 8px; user-select: none; cursor: pointer; transition: .5s; }
        @keyframes flash { to { filter: hue-rotate(360deg); } }
#dt2{ position: absolute; width:32px; height: 32px; top: 90px; left: 190px; }
#dt4{ position: absolute; width: 400px; height: 270px; top: 15px; left: 968px; }

</style>
<div id="mama" class="pa">
<img id="dt2" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg " alt="" />
<img id="dt4" src="https://xlaj.cn/upfile/202411/12/4n.gif " alt="" />

        <audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2023/03/22/jyxw.mp3"></audio>
        <video id="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/04/01/53/11/video636400070365e.mp" autoplay loop muted></video>
        <span id="fsbtn"></span>
        <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
        <img id="player" class="player" src="https://xlaj.cn/upfile/202411/23/an1.png " alt="" />
        <div id="prog" class="prog" data-tt="00:00 00:00"></div>
</div>
<script type="module">
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        import { Aud } from 'https://638183.freep.cn/638183/web/mod/audlrc.js';
        var lrcAr = [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ];
        var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: lrcAr };
        var audio = new Aud(mDatas);
        audio.play();
        fscreen.fs('mama', 'fsbtn');
</script>

liumang 发表于 2024-11-25 00:26

小辣椒这个是变色播放器

{:5_150:}{:5_150:}{:5_150:}

liumang 发表于 2024-11-25 00:27

背景画面清晰，靓丽，小辣椒这个播放器加的漂亮

admin 发表于 2024-11-25 09:27

这个姐姐有点漂亮 嘿嘿嘿{:5_150:}{:5_150:}
页: [1]
查看完整版本: 今夜你想我不 - 歌手：刘秋仪