醉美水芙蓉 发表于 2023-12-21 22:20

想和你沾染人间的烟火

本帖最后由 醉美水芙蓉 于 2023-12-21 22:20 编辑 <br /><br /><style>
#papa {
      margin: 0 0 0 calc(50% - 675px);
      display: grid;
      place-items: center;
      width: 1200px;
      height: 675px;
      background: url(' ');
      overflow: hidden;
      position: relative;
}
video {
      position: absolute;
      top: -76px;
      width: 1200px;
      height:675px;
      object-fit: cover;
      opacity: .95;
}
</style>

<div id="papa">
      <video src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/ed796ea0951bfc61fcaa7b2ee2412078_preview.mp4" autoplay loop muted></video>
</div>

<script>
const sf = document.createElement('script');
sf.src = 'https://638183.freep.cn/638183/web/api/mplayer.js';
sf.charset = 'utf-8';
document.body.appendChild(sf);

sf.onload = () => {
      const myplayer = new mPlayer();
      myplayer.setAudSrc('https://www.qqmc.com/mp3/music327372188.mp3');
      myplayer.setBtnCss(`
                background: url('https://pic.imgdb.cn/item/6584423ec458853aeff7d4d0.png') no-repeat center/cover;
                bottom: 260px;right: 260px;
      `);
      myplayer.setLrcCss('top:20px; left:20px; color: tan; --bg: orange;');
      myplayer.lrcAr = [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
];
};
</script>

红影 发表于 2023-12-21 23:13

水芙蓉美女真棒，把这个最新组件已经做出来了，还加入了歌词同步{:4_199:}

红影 发表于 2023-12-21 23:15

制作真漂亮，给水芙蓉美女点赞{:4_199:}

亦是金 发表于 2023-12-22 10:24

问好水芙蓉！好帖！欣赏学习了！{:4_187:}

醉美水芙蓉 发表于 2023-12-22 11:46

红影 发表于 2023-12-21 23:15
制作真漂亮，给水芙蓉美女点赞

谢谢红影美女支持！跟你学习呢！

醉美水芙蓉 发表于 2023-12-22 11:46

亦是金 发表于 2023-12-22 10:24
问好水芙蓉！好帖！欣赏学习了！

谢谢老师支持！

红影 发表于 2023-12-22 16:33

醉美水芙蓉 发表于 2023-12-22 11:46
谢谢红影美女支持！跟你学习呢！

哪里，我们都是在跟着黑黑学习啊{:4_187:}
页: [1]
查看完整版本: 想和你沾染人间的烟火