FMG
<style>@import 'https://638183.freep.cn/638183/web/css/audlrc.css?v=1.11';
#pa { margin: 30px 0 30px calc(50% - 593px);background: url('https://638183.freep.cn/638183/t24/webp2/fmg.webp') no-repeat center/cover; }
#mplayer { bottom: 10px; --svgtrack: #eee; --svgprog: #DEDEE5; --svgopacity: .45; }
#fsbtn { top: 10px; }
</style>
<div id="pa" class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=1836017843" autoplay loop></audio>
<video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/03/12/49/39/video6363486389f0f.mp4" autoplay loop muted></video>
<div id="fsbtn" class="fsbtn"></div>
</div>
<script type="module">
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js?v=1.11';
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/circle_lrc.js?v=1.11';
hcplay(pa);
fscreen.fs(pa, fsbtn);
</script>
相关资源有所改动，若发现页面不正常，硬刷新（Ctrl+F5）+软刷新（F5）一下下。
帖子代码在这里查看：新圆环播放器模块使用说明 - 马黑黑教程专版 - 花潮论坛 - Powered by Discuz! 独具匠心，屡创新高，内涵丰富，实用性强，谢谢老师精彩分享{:4_190:} 马黑黑 发表于 2024-11-28 12:33
相关资源有所改动，若发现页面不正常，硬刷新（Ctrl+F5）+软刷新（F5）一下下。
帖子代码在这里查看：新 ...
打开一切正常
好象1.1的小播颜色也跟着改了一下下，特别是进度条覆盖色。 这个贴子代码十分惊艳，小巧精致，面面俱到，沙发链接一定要去瞅瞅。。{:4_199:} 贴子视频和背景融为一体，大气磅礴，估计音乐也好听，迟些欣赏。。 这画面布局很巧秒，好像所有的都汇集到圆形小播之处，让它成了焦点{:4_204:} 代码简洁，制作效果又好，这样的代码设计太好了{:4_199:} 用这么点代码就能做出美帖，忍不住也想试试了。可惜有点感冒，一会吃点药要早点去休息了。 又一个圆的播放器啊{:4_199:} 制作太棒啦！必须点赞！问好先生！{:4_204:} 小文 发表于 2024-11-30 08:39
制作太棒啦！必须点赞！问好先生！
{:4_191:}
页:
[1]