红影 发表于 2025-9-18 22:53

“你,究竟是谁”(弄个短的玩玩)


<style>
#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; z-index: 1; overflow: hidden; position: relative;}
.vid { position: absolute; width: 100%; height: 100%;}
</style>
<div id="papa">
<video class="vid" src="https://video7.peiyinxiu.com/download/2025091821468d345009_184988276.mp4" autoplay loop></video></div>

红影 发表于 2025-9-18 22:55

被澜天一只催着发朗诵,就弄个玩玩,主要试验一下横版的发帖代码 @澜天 {:4_173:}

红影 发表于 2025-9-18 22:59

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

<style>
#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;}
.vid { position: absolute; width: 100%; height: 100%;}
</style>
<div id="papa">
<video class="vid" src="https://video7.peiyinxiu.com/download/2025091821468d345009_184988276.mp4" autoplay loop></video></div>

红影 发表于 2025-9-18 23:04

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

杨帆 发表于 2025-9-18 23:25

效果挺好,谢谢影子新探索{:4_187:}

梦江南 发表于 2025-9-19 08:06

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

梦江南 发表于 2025-9-19 08:07

这个视频代码收藏了。谢谢影子辛苦!{:4_187:}

沐心 发表于 2025-9-19 09:29

配音秀吗?迫不及待想听听你的声音,哈~

我电脑没外音,手机发现播不了{:5_117:}

澜天 发表于 2025-9-19 10:38

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

上来就是王炸啊
一开始就是配角色
很牛呢
{:4_178:}

澜天 发表于 2025-9-19 10:39

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

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

澜天 发表于 2025-9-19 10:49

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

我一会试试啊
谢谢

红影 发表于 2025-9-19 11:48

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

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

红影 发表于 2025-9-19 11:49

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

女声是的,男声是视频里原来的,我是玟小六{:4_173:}

红影 发表于 2025-9-19 11:50

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

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

红影 发表于 2025-9-19 11:51

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

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

哦,我还没试过手机呢,不急的,反正帖子在,什么时候都能听的呢。我胡闹的{:4_173:}

红影 发表于 2025-9-19 11:53

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

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

红影 发表于 2025-9-19 11:55

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


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

红影 发表于 2025-9-19 11:56

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

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

梦江南 发表于 2025-9-19 13:26

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

玟小六配得很好啊!{:4_187:}

梦江南 发表于 2025-9-19 13:29

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

你真棒啊,下午你放心去吧,肯定行的。{:4_173:}
页: [1] 2 3 4 5
查看完整版本: “你,究竟是谁”(弄个短的玩玩)