醉美水芙蓉 发表于 2025-3-16 22:38:16

玉格格音画《心上的罗加》

<style>
    @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
    #mama { margin: 130px 0 30px calc(50% - 831px);width: 1500px;height: 800px; background: black url('http://www.bohann.net/data/attachment/forum/202503/16/122615tq3q8q3vt9htqlv1.jpg') no-repeat center/ cover; overflow: hidden;}
    #player { width: 60px;height: 60px;left: calc(90% - 228px); top: calc(40% - 70px); filter: hue-rotate(0deg); }
    #player:hover { filter: hue-rotate(30deg); transition: .7s; }
    #prog { bottom: 20px; width: 220px; --bg1: #ffffffaa; --bg2: SaddleBrown; --color: snow; }
    #lrc {left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(#ffffffaa, SaddleBrown); color: silver;font: bold 2.0em cursive;opacity: .86; }
    #vid { position: absolute; width: 100%; height: 110%; object-fit: cover; top:-80px; mix-blend-mode: screen;-webkit-mask: linear-gradient(to top right, red 88%, transparent 0);pointer-events: none; opacity: .75;}
</style>

<div id="mama" class="pa">
    <audio id="aud" src="https://aimg8.dlssyht.cn/u/1786604/ueditor/file/894/1786604/1741336626987465.mp3"></audio>
    <video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/35/5b418ce398ec3.mp4" autoplay loop muted></video>
    <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
    <img id="player" class="player" src="https://pic.imgdb.cn/item/65c0a8f19f345e8d03032e45.png" alt="" />
    <div id="prog" class="prog" data-tt="00:00 00:00"></div>
</div>

<script type="module">
    import { Aud } from 'https://638183.freep.cn/638183/web/mod/audlrc.js';
var geci= [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
    var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: geci };
    var audio = new Aud(mDatas);
    audio.play();
</script><br><br><br><br><br><br><br><br><br><br><br></td></tr></table>

klxf 发表于 2025-3-17 10:00:53

视听盛宴，精彩分享:(

醉美水芙蓉 发表于 2025-3-17 21:21:06

klxf 发表于 2025-3-17 10:00
视听盛宴，精彩分享

谢谢友友光临！

情非得已 发表于 2025-3-23 19:05:35

支持分享，文章独具特色哟哟

heimeigui 发表于 2025-3-27 06:35:12

学习了！！！！

怀仁 发表于 2025-4-2 08:32:07

分享超有趣，点赞不能停

apivawugi 发表于 2025-4-8 15:54:16

分享超实用，点赞没二话

怀远 发表于 2025-4-15 14:52:21

支持博主，分享超级精彩
页: [1]
查看完整版本: 玉格格音画《心上的罗加》