生命流

凡哥

凡哥

帖子代码

1. <style>
   
2.     @import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
   
3.     .pa { --bg: url('https://638183.freep.cn/638183/t24/w7/sml.webp') no-repeat center/cover; }
   
4.     .vid { width: 200px; height: 200px; mix-blend-mode: screen; border-radius: 50%; bottom: 60px; filter: drop-shadow(-2px -2px 16px green); 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/tz.v5.js';
    
11. 
    
12.     const tz = TZ.TZ('pa');
    
13. 
    
14.     tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=1371757760'});
    
15.     tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/2629112/00/01/49/5b4424b854bbe.mp4'});
    
16.     tz.add('video', '', 'vid', {
    
17.             src: 'https://img.tukuppt.com/video_show/2269348/00/01/77/5b49c5bb15a02.mp4',
    
18.             disablePictureInPicture: true
    
19.     }).playmp3();
    
20.     tz.bgprog().style('bottom: 40px; color: #fefefe; width: 240px;');
    
21.     tz.fs().style('right: 20px; top: 20px;');
    
22.     tz.autoMid();
    
23. </script>

复制代码

云端漫步

谢谢分享代码，回帖后视频音频无法播放，帖子不居中，

暮雪依依

好像海底世界  欣赏学习 祝新春快乐

花简静

云端漫步 发表于 2026-2-19 13:18
谢谢分享代码，回帖后视频音频无法播放，帖子不居中，

这个问题之前好象有解答过。。
刷新后就都正常了。

花简静

暮雪依依 发表于 2026-2-19 20:35
好像海底世界  欣赏学习 祝新春快乐

特别漂亮的海底世界

花简静

看到代码了，两个视频，一个视频是背景，常用的。。
另一个视频是的小播

花简静

之前只知道可以用视频当小播，但没有尝试过。。
贴子自动居中。。升级后的电饭煲作品。。

令狐冲

海底世界般
漂亮的特效
凡哥新年快乐。。。

凡哥

令狐冲 发表于 2026-2-21 21:23
海底世界般
漂亮的特效
凡哥新年快乐。。。

新年好！