辞岁行

凡哥

凡哥

帖子代码

1. <style>
   
2.     @import 'https://638183.freep.cn/638183/web/tz/tz2026.css';
   
3.     .pa { width: 1600px; --bg: url('https://yuanjineng.cn/webui/SDXL_styles/images/star/706.JPG') no-repeat center/cover; }
   
4.     .vid { width: 10vw; height: 10vw; border-radius: 50%; opacity: .8; cursor: pointer; }
   
5. </style>
   
6. 
   
7. <div class="pa"></div>
   
8. 
   
9. <script type="module">
   
10.     import TZ from 'https://638183.freep.cn/638183/web/tz/tz2026.js';
    
11. 
    
12.     const tz = TZ.TZ('pa');
    
13. 
    
14.     tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=3349066330' });
    
15.     tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2414777/00/02/23/5b52ffe5b0de7.mp4' });
    
16.     tz.add('video', '', 'vid', {
    
17.             disablePictureInPicture: 'true',
    
18.             src: 'https://img.tukuppt.com/video_show/2475824/00/08/27/5d1c25a2656d6.mp4'
    
19.         }).playmp3();
    
20.     tz.bgprog().style('bottom: 30px; color: #fefefe; width: 240px;');
    
21.     tz.fs().style('right: 20px; top: 20px;');
    
22.     tz.autoMid();
    
23. </script>

复制代码

凡哥

评分后的局部刷新会令帖子异常，需要刷新一下

一鹿向北

感谢凡哥分享，
感觉这种特效代码贴还是可以发到音画板块吧。
哈哈，先放这里吧。

花简静

凡哥 发表于 2026-2-22 20:38
评分后的局部刷新会令帖子异常，需要刷新一下

这个自动居中很厉害，根据论坛或者别的发贴环境自动识别，

花简静

一鹿向北 发表于 2026-2-23 08:21
感谢凡哥分享，
感觉这种特效代码贴还是可以发到音画板块吧。
哈哈，先放这里吧。 ...

音画么，音乐也很重要的一部分。北帅早啊

花简静

刚才手机看了一下，现在电脑再播，科技感满满。。
这个建筑设计太艺术了，钢筋水泥可以做出如此流畅的线条，水一样流动
美。。

花简静

两个视频，背景视频连接天地，有一种直冲向上的力量感。。小播视频色彩柔和，代码渲染出立体感。。。
全屏效果更震撼。。

暮雪依依

多刷刷新帖是能学到很多的   这音乐刚柔委婉给人一种力量感

凡哥

暮雪依依 发表于 2026-2-23 12:56
多刷刷新帖是能学到很多的   这音乐刚柔委婉给人一种力量感

感谢支持