马黑黑 发表于 2026-2-18 19:53

生命流

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
    .pa { --bg: url('https://638183.freep.cn/638183/t24/w7/sml.webp') no-repeat center/cover; }
    .vid { width: 200px; height: 200px; mix-blend-mode: screen; border-radius: 50%; bottom: 60px; filter: drop-shadow(-2px -2px 16px green); cursor: pointer; }
</style>

<div class="pa"></div>

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v5.js';

    const tz = TZ.TZ('pa');

    tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=1371757760'});
    tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/2629112/00/01/49/5b4424b854bbe.mp4'});
    tz.add('video', '', 'vid', {
            src: 'https://img.tukuppt.com/video_show/2269348/00/01/77/5b49c5bb15a02.mp4',
            disablePictureInPicture: true
    }).playmp3();
    tz.bgprog().style('bottom: 40px; color: #fefefe; width: 240px;');
    tz.fs().style('right: 20px; top: 20px;');
    tz.autoMid();
</script>

马黑黑 发表于 2026-2-18 19:53

帖子代码

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
    .pa { --bg: url('https://638183.freep.cn/638183/t24/w7/sml.webp') no-repeat center/cover; }
    .vid { width: 200px; height: 200px; mix-blend-mode: screen; border-radius: 50%; bottom: 60px; filter: drop-shadow(-2px -2px 16px green); cursor: pointer; }
</style>

<div class="pa"></div>

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v5.js';

    const tz = TZ.TZ('pa');

    tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=1371757760'});
    tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/2629112/00/01/49/5b4424b854bbe.mp4'});
    tz.add('video', '', 'vid', {
            src: 'https://img.tukuppt.com/video_show/2269348/00/01/77/5b49c5bb15a02.mp4',
            disablePictureInPicture: true
    }).playmp3();
    tz.bgprog().style('bottom: 40px; color: #fefefe; width: 240px;');
    tz.fs().style('right: 20px; top: 20px;');
    tz.autoMid();
</script>

马黑黑 发表于 2026-2-18 19:55

视频做小播，代码在 15~19 行。

梦江南 发表于 2026-2-18 20:22

马黑黑 发表于 2026-2-18 19:55
视频做小播，代码在 15~19 行。

黑黑老师晚上好，这视频做小播，都设计好了吗？{:4_199:}

梦江南 发表于 2026-2-18 20:24

黑黑老师，大年初二快乐！{:4_187:}

马黑黑 发表于 2026-2-18 20:46

梦江南 发表于 2026-2-18 20:24
黑黑老师，大年初二快乐！

同乐同乐

马黑黑 发表于 2026-2-18 20:47

梦江南 发表于 2026-2-18 20:22
黑黑老师晚上好，这视频做小播，都设计好了吗？

{:4_173:}

梦江南 发表于 2026-2-18 20:49

马黑黑 发表于 2026-2-18 20:47


莫笑，我是小白。{:4_201:}

红影 发表于 2026-2-18 20:56

漂亮，小播和海里都是生命流，那么活泼的生命。
欣赏黑黑好帖{:4_187:}

马黑黑 发表于 2026-2-18 21:54

梦江南 发表于 2026-2-18 20:49
莫笑，我是小白。

{:4_190:}

马黑黑 发表于 2026-2-18 21:54

红影 发表于 2026-2-18 20:56
漂亮，小播和海里都是生命流，那么活泼的生命。
欣赏黑黑好帖

{:4_190:}

霜染枫丹 发表于 2026-2-18 23:26

欣赏学习马老师的好制作，代码留存了。我现在就学习一下视频做小播。

感谢分享，继续过年好！

https://www.yueyijyw.com/data/attachment/forum/202602/18/232540cqy9wcm8na0e9m82.gif

马黑黑 发表于 2026-2-19 12:46

霜染枫丹 发表于 2026-2-18 23:26
欣赏学习马老师的好制作，代码留存了。我现在就学习一下视频做小播。

感谢分享，继续过年好！

{:4_191:}

樵歌 发表于 2026-2-19 14:08

把那白条钓起来油炸，下酒贺初三{:4_176:}

马黑黑 发表于 2026-2-19 18:26

樵歌 发表于 2026-2-19 14:08
把那白条钓起来油炸，下酒贺初三

这是特级保护动物{:4_170:}

小辣椒 发表于 2026-2-19 22:04

这个也是自动居中，欣赏黑黑好制作，今天来不及了，明天完成作业

马黑黑 发表于 2026-2-19 22:05

小辣椒 发表于 2026-2-19 22:04
这个也是自动居中，欣赏黑黑好制作，今天来不及了，明天完成作业

这个和其他的也没啥太多区别

小辣椒 发表于 2026-2-19 22:05

有现成代码方便的，小辣椒抄作业还是会的{:4_170:}

马黑黑 发表于 2026-2-19 22:05

小辣椒 发表于 2026-2-19 22:05
有现成代码方便的，小辣椒抄作业还是会的

{:4_173:}

红影 发表于 2026-2-20 21:56

马黑黑 发表于 2026-2-18 21:54


{:4_187:}
页: [1] 2 3
查看完整版本: 生命流