沙啦啦哩

马黑黑

马黑黑

帖子代码

1. <style>
   
2.   @import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
   
3.   .pa { --bg: url('https://638183.freep.cn/638183/t24/w8/ulll.jpg') no-repeat center/contain; width: 1200px; aspect-ratio: 3/2; }
   
4.   .player { width: var(--ma-size); border-radius:50%; top: 20%; }
   
5.   .bgprog { bottom: 20px; left: 10%; }
   
6.   .btnFs { right: 30px; top: 30px; color: lightblue; }
   
7. </style>
   
8. 
   
9. <div class="pa">
   
10.   <audio src="https://music.163.com/song/media/outer/url?id=34586858" autoplay loop></audio>
    
11.   <video class="pd-vid" src="https://img.tukuppt.com/video_show/2418175/01/15/27/619ee1134378a.mp4" autoplay loop muted></video>
    
12.   <img src="https://638183.freep.cn/638183/t24/w8/b566.webp" class="player rotate" title="Alt+X" alt="">
    
13.   <div class="bgprog"></div>
    
14.   <div class="btnFs" title="F11"></div>
    
15. </div>
    
16. 
    
17. <script>
    
18.   loadJs('https://638183.freep.cn/638183/tzmaker/tz2026.min.js');
    
19. 
    
20.   function loadJs(url) {
    
21.     const script = document.createElement('script');
    
22.     script.charset = 'utf-8';
    
23.     script.src = url;
    
24.     script.defer = true;
    
25.     script.onload = () => {
    
26.       var tz = TZ('pa');
    
27.       tz.start(); // tz.start(gc);
    
28.     };
    
29.     document.head.appendChild(script);
    
30.   }
    
31. </script>

复制代码

马黑黑

本帖是配套 音画帖背景设置 - 马黑黑教程专版 - 花潮论坛 - Powered by Discuz! 的一个实例

梦江南

这顶帽子做小播漂亮。谢谢黑黑精彩示范！

杨帆

漂亮~谢谢马老师精彩示范

红影

这瑜伽动作很标准。视频和音乐节奏很相配，不管日月变迁，仍努力锻炼中。
欣赏黑黑好帖

马黑黑

红影 发表于 2026-4-18 20:48
这瑜伽动作很标准。视频和音乐节奏很相配，不管日月变迁，仍努力锻炼中。
欣赏黑黑好帖

感谢支持

马黑黑

杨帆 发表于 2026-4-18 20:13
漂亮~谢谢马老师精彩示范

马黑黑

梦江南 发表于 2026-4-18 19:02
这顶帽子做小播漂亮。谢谢黑黑精彩示范！