小辣椒 发表于 2025-1-8 22:01

画你 歌手：于春洋 （学习黑黑 Pyro播放器效果）


<style>
        @import 'https://638183.freep.cn/638183/web/mod/button.css';
        #tz { --state: running;width: 1400px; height: 750px;margin: 140px 0 30px calc(50% - 781px); background: url('https://xlaj.cn/upfile/2025/01/08/hn.jpg') no-repeat center/cover; }
        #fsbtn { bottom: 20px; }
               .vid {width: 100%;opacity: .55; }

#dt2{ position: absolute; width:351px; height: 200px; top: 8%; left: 1%; }
#dt3{ position: absolute; width: 32px; height: 32px; top: 34%; left: 72%; }

</style>

<div id="tz" class="pa">

<img id="dt2" src="https://xlaj.cn/upfile/202411/12/4n.gif " alt="" />
<img id="dt3" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg " alt="" />

        <audio src="https://disk.111t.net/filestores/2024/12/15/039dd82cba5ab3882d0dbc09235e278b.m4a"></audio>
       <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/11/06/14/32/10/video672b0d6a45dc7.mp4" autoplay loop muted></video>
        <img id="playbtn" class="mplayer" src="https://xlaj.cn/assets/file/zp/20240106162128.svg" alt=""widt="150" height="150" style="top: 35%;" />
        <img id="playbtn" class="mplayer" src="https://xlaj.cn/assets/file/zp/20240106162128.svg" alt="" widt="80" height="80" style="left: 36%;top: 58%;" />
        <img id="playbtn" class="mplayer" src="https://xlaj.cn/assets/file/zp/20240106162128.svg" alt="" widt="80" height="80" style="right: 36%;top: 58%;" />
        <div id="fsbtn" class="fsbtn"></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/button.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
</script>

小辣椒 发表于 2025-1-8 22:02

@马黑黑
纯套用玩一个，感谢黑黑源码分享

小辣椒 发表于 2025-1-8 22:09

完成一个作业就下了，准备睡觉去了，大家晚安~~~

走过岁月 发表于 2025-1-8 22:29

这音画做得这么美

走过岁月 发表于 2025-1-8 22:29

播放器好看，欣赏小辣椒的作品

红影 发表于 2025-1-8 22:46

这个漂亮，换了小播，而且鼠标触碰颜色有变化。视频也选得好看。
欣赏亲爱的好帖{:4_199:}

红影 发表于 2025-1-8 22:47

场景很开阔，这个特别美呢{:4_187:}

马黑黑 发表于 2025-1-8 22:49

{:4_199:}

起个网名好难 发表于 2025-1-9 06:19

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif

秋思梦景 发表于 2025-1-9 06:34

问候老师好！精美音画佳作，精心制作分享。为您点赞！祝您天天开心快乐！{:5_116:}{:4_187:}

梦江南 发表于 2025-1-9 10:05

这画面太美了，小播放器换这个更漂亮了。{:4_187:}

冬天的雨 发表于 2025-1-9 15:07

没有听到声音

冬天的雨 发表于 2025-1-9 15:08

加分后就没有声音了，重新刷新听到了{:4_208:}

老谟深虑 发表于 2025-1-9 18:04

         太美了，欣赏点赞！

樵歌 发表于 2025-1-9 18:36

美呵美的，做的啥都好看。{:4_178:}

杨帆 发表于 2025-1-9 23:31

漂亮！若动图可控就更好了{:4_204:}

小辣椒 发表于 2025-1-10 12:16

走过岁月 发表于 2025-1-8 22:29
这音画做得这么美

谢谢岁月欣赏{:4_187:}

小辣椒 发表于 2025-1-10 12:17

走过岁月 发表于 2025-1-8 22:29
播放器好看，欣赏小辣椒的作品

这个三小圆动感播放器我也是很喜欢的{:4_173:}

小辣椒 发表于 2025-1-10 12:18

红影 发表于 2025-1-8 22:46
这个漂亮，换了小播，而且鼠标触碰颜色有变化。视频也选得好看。
欣赏亲爱的好帖

亲爱的，这个小播我也是喜欢，只是没有怎么玩过

小辣椒 发表于 2025-1-10 12:19

红影 发表于 2025-1-8 22:47
场景很开阔，这个特别美呢

图图就是最简单的了，是前段时间休息做了几个放着备用的
页: [1] 2 3
查看完整版本: 画你 歌手：于春洋 （学习黑黑 Pyro播放器效果）