“你,究竟是谁”(弄个短的玩玩)
<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> 被澜天一只催着发朗诵,就弄个玩玩,主要试验一下横版的发帖代码 @澜天 {:4_173:} 搜到配音秀是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>
这个里面的width: 1080px; height: auto; 这个1080可以换成自己想要的数字,然后高度是自动匹配的。
所以横版的只要去改宽度和视频地址就行了,很简单。
竖版的把宽高换一下,应该也可以的。等明天我再试个竖版的,好像竖版的我也录了个。 效果挺好,谢谢影子新探索{:4_187:} 这个视频里的配音是影子吗? 这个视频代码收藏了。谢谢影子辛苦!{:4_187:} 配音秀吗?迫不及待想听听你的声音,哈~
我电脑没外音,手机发现播不了{:5_117:} 红影 发表于 2025-9-18 22:55
被澜天一只催着发朗诵,就弄个玩玩,主要试验一下横版的发帖代码 @澜天
上来就是王炸啊
一开始就是配角色
很牛呢
{:4_178:} 红影 发表于 2025-9-18 23:04
这个里面的width: 1080px; height: auto; 这个1080可以换成自己想要的数字,然后高度是自动匹配的。
所 ...
好啊
等你试完了
就用你的格式
可以调就好了
以后发的就统一啦
我想自己试试的
好不如你琢磨好了
拿你的啊
多方便呢
{:4_189:} 红影 发表于 2025-9-18 23:04
这个里面的width: 1080px; height: auto; 这个1080可以换成自己想要的数字,然后高度是自动匹配的。
所 ...
我一会试试啊
谢谢 杨帆 发表于 2025-9-18 23:25
效果挺好,谢谢影子新探索
不客气啊,也是黑黑的代码呢,这样还可以加很多其他效果呢,比如加个滚动边框什么的{:4_173:} 梦江南 发表于 2025-9-19 08:06
这个视频里的配音是影子吗?
女声是的,男声是视频里原来的,我是玟小六{:4_173:} 梦江南 发表于 2025-9-19 08:07
这个视频代码收藏了。谢谢影子辛苦!
好像竖版的只要换一下9:16就行了,下午还有事,等回来空了我去试试。 沐心 发表于 2025-9-19 09:29
配音秀吗?迫不及待想听听你的声音,哈~
我电脑没外音,手机发现播不了
哦,我还没试过手机呢,不急的,反正帖子在,什么时候都能听的呢。我胡闹的{:4_173:} 澜天 发表于 2025-9-19 10:38
上来就是王炸啊
一开始就是配角色
很牛呢
就这么短的几句啊,本来不想发出来,你总催,索性眼睛一闭就发了。 澜天 发表于 2025-9-19 10:39
好啊
等你试完了
就用你的格式
只调width: 1080px;里的数字就行,其他的都不用动,高度是自动匹配的,这样不会变形。 澜天 发表于 2025-9-19 10:49
我一会试试啊
谢谢
不客气啊,竖版的也可以代码发呢,代码发的好处是可以自己调,想要多大就多大,设置好了,感觉不舒服的话还可以进帖子继续编辑。 红影 发表于 2025-9-19 11:49
女声是的,男声是视频里原来的,我是玟小六
玟小六配得很好啊!{:4_187:} 红影 发表于 2025-9-19 11:50
好像竖版的只要换一下9:16就行了,下午还有事,等回来空了我去试试。
你真棒啊,下午你放心去吧,肯定行的。{:4_173:}