My Promise To You

马黑黑

马黑黑

帖子代码

1. <style>
   
2.     @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
   
3.     .pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/6/promise.jpg') no-repeat center/cover; }
   
4. </style>
   
5. 
   
6. <div class="pa"></div>
   
7. 
   
8. <script type="module">
   
9.     import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
   
10.     const tz = TZ.TZ('pa');
    
11.    
    
12.     tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=1371199329'});
    
13.     tz.add('video', '', 'pd-vid', {
    
14.         src: 'https://img.tukuppt.com/video_show/2418175/00/02/06/5b500992e3bae.mp4',
    
15.         style: 'opacity: 0.15'
    
16.     });
    
17.     tz.add('div', 'wrapper', 'wrap300 invert', {style: 'clip-path: ellipse(50% 40%);'});
    
18.     tz.add('video', '', 'pd-vid', {
    
19.         src: 'https://img.tukuppt.com/video_show/2269348/00/01/38/5b41f3554d4e0.mp4'
    
20.     }).to('wrapper');
    
21.     tz.add('img', '', 'rotate-ani', {
    
22.         src: 'https://638183.freep.cn/638183/small/ytji.png',
    
23.         alt: '',
    
24.         style: 'position: absolute; width: 130px; right: 20px; cursor: pointer'
    
25.     }).playmp3().to('wrapper');
    
26.     tz.fs().style('bottom: 20px');
    
27. </script>

复制代码

马黑黑

双视频，一大一小，大的跟帖子容器，小的跟 id="wrapper" 的 div，切成椭圆；小播花朵也置入该 div

红影

马黑黑 发表于 2025-12-6 22:01
双视频，一大一小，大的跟帖子容器，小的跟 id="wrapper" 的 div，切成椭圆；小播花朵也置入该 div

真不错，两个视频相得益彰，都是浪漫温柔类的

红影

马黑黑 发表于 2025-12-6 22:01
双视频，一大一小，大的跟帖子容器，小的跟 id="wrapper" 的 div，切成椭圆；小播花朵也置入该 div

小播花朵也置入该id="wrapper" 的 div 漂亮。其实小播也可以不放入的吧。

马黑黑

红影 发表于 2025-12-6 22:38
小播花朵也置入该id="wrapper" 的 div 漂亮。其实小播也可以不放入的吧。

可以

马黑黑

红影 发表于 2025-12-6 22:34
真不错，两个视频相得益彰，都是浪漫温柔类的

还好吧

霜染枫丹

这个漂亮，主画面人物暗处理映衬出小视频的主题意境，匠心独运。佩服！！

马黑黑

霜染枫丹 发表于 2025-12-6 22:50
这个漂亮，主画面人物暗处理映衬出小视频的主题意境，匠心独运。佩服！！

杨帆

漂亮~谢谢马老师精彩分享

马黑黑

杨帆 发表于 2025-12-6 23:07
漂亮~谢谢马老师精彩分享

樵歌

这个有好几层的样纸，画中套画再套动画，巧妙。

马黑黑

樵歌 发表于 2025-12-7 07:08
这个有好几层的样纸，画中套画再套动画，巧妙。

这也看得出来