“你，究竟是谁”（弄个短的玩玩）

红影

红影

被澜天一只催着发朗诵，就弄个玩玩，主要试验一下横版的发帖代码 @澜天

红影

搜到配音秀是16:9的比例，就想起黑黑的代码，就去试了一下。黑黑的代码里width: clamp(600px, 90vw, 1400px); 可以自动适应配音秀里视频的宽度。感觉有点大，所以这个里面直接取值1080px了
帖子代码：

1. <style>
   
2. #papa { margin: 30px 0; left: calc(50% - 81px); transform: translateX(-50%); width: 1080px; height: auto; aspect-ratio: 16/9;  box-shadow: 2px 2px 8px #000; overflow: hidden; position: relative;  }
   
3. .vid { position: absolute; width: 100%; height: 100%;  }
   
4. </style>
   
5. <div id="papa">
   
6. <video class="vid" src="https://video7.peiyinxiu.com/download/2025091821468d345009_184988276.mp4" autoplay loop></video></div>
   

复制代码

红影

这个里面的  width: 1080px; height: auto; 这个1080可以换成自己想要的数字，然后高度是自动匹配的。
所以横版的只要去改宽度和视频地址就行了，很简单。
竖版的把宽高换一下，应该也可以的。等明天我再试个竖版的，好像竖版的我也录了个。

杨帆

效果挺好，谢谢影子新探索

梦江南

这个视频里的配音是影子吗？

梦江南

这个视频代码收藏了。谢谢影子辛苦！

沐心

配音秀吗？迫不及待想听听你的声音，哈~

我电脑没外音，手机发现播不了

澜天

红影 发表于 2025-9-18 22:55
被澜天一只催着发朗诵，就弄个玩玩，主要试验一下横版的发帖代码 @澜天

上来就是王炸啊
一开始就是配角色
很牛呢

澜天

红影 发表于 2025-9-18 23:04
这个里面的  width: 1080px; height: auto; 这个1080可以换成自己想要的数字，然后高度是自动匹配的。
所 ...

好啊
等你试完了
就用你的格式
可以调就好了
以后发的就统一啦
我想自己试试的
好不如你琢磨好了
拿你的啊
多方便呢

澜天

红影 发表于 2025-9-18 23:04
这个里面的  width: 1080px; height: auto; 这个1080可以换成自己想要的数字，然后高度是自动匹配的。
所 ...

我一会试试啊
谢谢

红影

杨帆 发表于 2025-9-18 23:25
效果挺好，谢谢影子新探索

不客气啊，也是黑黑的代码呢，这样还可以加很多其他效果呢，比如加个滚动边框什么的

红影

梦江南 发表于 2025-9-19 08:06
这个视频里的配音是影子吗？

女声是的，男声是视频里原来的，我是玟小六

红影

梦江南 发表于 2025-9-19 08:07
这个视频代码收藏了。谢谢影子辛苦！

好像竖版的只要换一下9:16就行了，下午还有事，等回来空了我去试试。

红影

沐心 发表于 2025-9-19 09:29
配音秀吗？迫不及待想听听你的声音，哈~

我电脑没外音，手机发现播不了

哦，我还没试过手机呢，不急的，反正帖子在，什么时候都能听的呢。我胡闹的

红影

澜天 发表于 2025-9-19 10:38
上来就是王炸啊
一开始就是配角色
很牛呢

就这么短的几句啊，本来不想发出来，你总催，索性眼睛一闭就发了。

红影

澜天 发表于 2025-9-19 10:39
好啊
等你试完了
就用你的格式

只调width: 1080px;里的数字就行，其他的都不用动，高度是自动匹配的，这样不会变形。

红影

澜天 发表于 2025-9-19 10:49
我一会试试啊
谢谢

不客气啊，竖版的也可以代码发呢，代码发的好处是可以自己调，想要多大就多大，设置好了，感觉不舒服的话还可以进帖子继续编辑。

梦江南

红影 发表于 2025-9-19 11:49
女声是的，男声是视频里原来的，我是玟小六

玟小六配得很好啊！

梦江南

红影 发表于 2025-9-19 11:50
好像竖版的只要换一下9:16就行了，下午还有事，等回来空了我去试试。

你真棒啊，下午你放心去吧，肯定行的。