小九 发表于 2025-11-15 20:55

【走上这高高的兴安岭】 翻唱：未知名

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.e.css';
    .pa { --offsetX: 81px; }
    .vid { width: 100%; height: 100%; object-fit: cover; }
</style>

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

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.e.js';
    const tz = TZ.TZ('pa');
    tz.add('video', '', 'vid', {
      src: 'https://cccimg.com/view.php/a4e59864cabed4fc0abcc6337413e657.mp4',
      autoplay: true,
      muted: false,
      controls: true
    });
</script>

小九 发表于 2025-11-15 21:00

本帖最后由 小九 于 2025-11-15 21:09 编辑

@红影@马黑黑影子、黑黑请空了帮我看看，我想把尺寸放大，是不是需要用到代码，才能把画面调整到中间呢？

小九 发表于 2025-11-15 21:01

@樵歌

樵歌 发表于 2025-11-15 21:45

小九 发表于 2025-11-15 21:01
@樵歌

来了{:4_185:}辛苦啦{:4_204:}

樵歌 发表于 2025-11-15 21:46

视频简直太漂亮了！{:4_178:}

樵歌 发表于 2025-11-15 21:48

很感动{:4_190:}这得要找多少素材，耗费多少时间和精力呢。

樵歌 发表于 2025-11-15 21:55

请参考@小辣椒   
<div style="position:absolute;z-index:32768;background:none;width:100%;left:0px;margin-top:140px;"><center><iframe src="https://wj.zp68.com/lxx/yunhua/2025/11/03/bk.html" width="1440" height="750" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></center></div><div style="height:750px"></div><br><br><br><br><br><br><br><br><br><br><br><br>翻唱歌曲列表鼠标滑过画面就可以<br><br><br><br>

小九 发表于 2025-11-15 22:21

樵歌 发表于 2025-11-15 21:55
请参考@小辣椒   
翻唱歌曲列表鼠标滑过画面就可以

收到，明天来研究一下{:4_189:}

红影 发表于 2025-11-15 22:29

小九 发表于 2025-11-15 21:00
@红影@马黑黑影子、黑黑请空了帮我看看，我想把尺寸放大，是不是需要用到代码，才能把画面调整到中间呢 ...

是的，需要用到代码设置，才能居中呢{:4_187:}

红影 发表于 2025-11-15 22:31

这个帖子制作真好，视频特别适合，未知名竟然把这歌唱得那么有风味。
好的视频和好的歌声，两者结合，让帖子特别出彩{:4_199:}

马黑黑 发表于 2025-11-15 22:33

本帖最后由 马黑黑 于 2025-11-15 22:44 编辑

可以试一下使用 tzMaker 发视频，效果很不错：
<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.e.css';
    .vid { width: 100%; height: 100%; object-fit: cover; }
</style>

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

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.e.js';
    const tz = TZ.TZ('pa');
    tz.add('video', '', 'vid', {
      src: 'https://img.tukuppt.com/video_show/09/06/80/613871f3cb2d8.mp4',
      autoplay: true,
      muted: false,
      controls: true
    });
</script>换上自己的视频地址即可。后面的几个参数是自动播放、非静音、显示控制面板

03行则是视频的CSS设置：百分百宽高，适应帖子元素尺寸

马黑黑 发表于 2025-11-15 22:54

如果视频下载速度偏慢，可以再第 15 代码后面加一个小角逗号，然后加个 autobuffer 属性：

    autobuffer: true

小九 发表于 2025-11-16 08:14

马黑黑 发表于 2025-11-15 22:54
如果视频下载速度偏慢，可以再第 15 代码后面加一个小角逗号，然后加个 autobuffer 属性：

    autobuff ...

谢谢黑黑指点！ 非常感谢！ 代码保存了{:4_180:}{:4_187:}

马黑黑 发表于 2025-11-16 08:42

小九 发表于 2025-11-16 08:14
谢谢黑黑指点！ 非常感谢！ 代码保存了

不过我前面提供的代码忽略了一个问题：论坛的偏移量。下面是修正后的代码，在不同的论坛发布时适当修改 offsetX 的值：

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.e.css';
    .pa { --offsetX: 81px;}
    .vid { width: 100%; height: 100%; object-fit: cover; }
</style>

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

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.e.js';
    const tz = TZ.TZ('pa');
    tz.add('video', '', 'vid', {
      src: 'https://img.tukuppt.com/video_show/09/06/80/613871f3cb2d8.mp4',
      autoplay: true,
      muted: false,
      controls: true
    });
</script>.pa { --offsetX: 81px; }

花潮的偏移量时 81px，千山的是 91px，而发帖容器已经水平居中的可以不要这一句或设为 0px

马黑黑 发表于 2025-11-16 08:43

一楼的代码已经加入偏移量的设置

梦江南 发表于 2025-11-16 09:13

做得真好，小九老师的水平是一流的。{:4_187:}

梦油 发表于 2025-11-16 09:53

欣赏精彩，问候小九。

小九 发表于 2025-11-16 11:51

马黑黑 发表于 2025-11-16 08:42
不过我前面提供的代码忽略了一个问题：论坛的偏移量。下面是修正后的代码，在不同的论坛发布时适当修改 o ...

好的，收到，谢谢黑黑！辛苦了{:4_187:}

马黑黑 发表于 2025-11-16 12:50

小九 发表于 2025-11-16 11:51
好的，收到，谢谢黑黑！辛苦了

{:4_191:}

小九 发表于 2025-11-16 13:20

梦江南 发表于 2025-11-16 09:13
做得真好，小九老师的水平是一流的。

谢谢梦江南的鼓励支持，手艺很生，还不成熟，得继续努力。{:4_187:}
页: [1] 2 3 4
查看完整版本: 【走上这高高的兴安岭】 翻唱：未知名