绿叶清舟 发表于 2022-6-17 17:38

一叶知心TO小辣椒


<style>

.vid1 { position: absolute; width: 1000px; height: 580px; object-fit: cover; opacity: 1; clip-path: circle(75% at TOP) ;mix-blend-mode: screen;}
.vid2 { position: absolute; width: 1000px; height: 380px; object-fit: cover; opacity: 0.8; clip-path: circle(80% at bottom) ; mix-blend-mode: screen;}

</style>

<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -200px; width:1000px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY>
<TR><TD height=1000 background=https://pic.imgdb.cn/item/62ac145c0947543129e2643e.jpg></TD></TR>
<TR><TD height=1000 background=https://pic.imgdb.cn/item/62ac14710947543129e28118.jpg></TD></TR>
<TR><TD height=1000 background=https://pic.imgdb.cn/item/62ac14830947543129e29983.jpg>

</TD></TR>
</table></div>
<audio class="aud" src="http://music.163.com/song/media/outer/url?id=502238023.mp3" autoplay="autoplay" loop="loop"></audio>
<video class="vid1" style="position: relative; LEFT: -200px; TOP: -2880px" src="https://img.tukuppt.com/video_show/7165162/00/17/52/5ec746f5eec22.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
<video class="vid2" style="position: relative; LEFT: -200px; TOP: -780px" src="https://img.tukuppt.com/video_show/15653652/01/22/70/620f134e2c971.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>

红影 发表于 2022-6-17 19:39

制作好漂亮，清舟的2个视频加得恰到好处，这个帖子太美了。小辣椒收礼开心{:4_187:}

红影 发表于 2022-6-17 19:42

这么大的大图音画，做起来太不容易了。清舟真棒{:4_199:}

马黑黑 发表于 2022-6-17 19:56

设计精巧，布局美观大方，意境优雅，曲子选的也特好

加林森 发表于 2022-6-17 20:24

清舟制作得真漂亮。两个视频很巧妙地融合在一起了。厉害厉害，佩服佩服。小辣椒收礼开森！{:4_199:}

小辣椒 发表于 2022-6-17 20:51

我的啊，谢谢清舟，精美的制作{:4_178:}

小辣椒 发表于 2022-6-17 20:52

这个制作太漂亮了，上去2个视频，和图图那么的相容合，清舟厉害了{:4_178:}

醉美水芙蓉 发表于 2022-6-17 21:26

绿叶清舟 发表于 2022-6-18 10:31

小辣椒 发表于 2022-6-17 20:52
这个制作太漂亮了，上去2个视频，和图图那么的相容合，清舟厉害了

辣椒不客气了{:4_171:}

绿叶清舟 发表于 2022-6-18 10:32

马黑黑 发表于 2022-6-17 19:56
设计精巧，布局美观大方，意境优雅，曲子选的也特好

为什么把视频代码放在表格里会把贴子撑破的啊

马黑黑 发表于 2022-6-18 10:45

绿叶清舟 发表于 2022-6-18 10:32
为什么把视频代码放在表格里会把贴子撑破的啊

你需要设定一下视频的尺寸。表格容易被撑开。

绿叶清舟 发表于 2022-6-18 10:54

马黑黑 发表于 2022-6-18 10:45
你需要设定一下视频的尺寸。表格容易被撑开。

二个加起来也没超过图片的总高度啊

马黑黑 发表于 2022-6-18 11:13

绿叶清舟 发表于 2022-6-18 10:54
二个加起来也没超过图片的总高度啊

你在本地测试时，给元素都加上不同颜色的边框，查看一下效果，看看是谁撑破了你的表格

绿叶清舟 发表于 2022-6-18 11:18

马黑黑 发表于 2022-6-18 11:13
你在本地测试时，给元素都加上不同颜色的边框，查看一下效果，看看是谁撑破了你的表格

还能这么试的啊

绿叶清舟 发表于 2022-6-18 11:26

醉美水芙蓉 发表于 2022-6-17 21:26
清舟是大图音画高手！真漂亮！

谢谢芙蓉，高手不敢了

绿叶清舟 发表于 2022-6-18 11:27

加林森 发表于 2022-6-17 20:24
清舟制作得真漂亮。两个视频很巧妙地融合在一起了。厉害厉害，佩服佩服。小辣椒收礼开森！

谢谢队长，突然玩视频上瘾了{:4_189:}

绿叶清舟 发表于 2022-6-18 11:28

红影 发表于 2022-6-17 19:42
这么大的大图音画，做起来太不容易了。清舟真棒

谢谢影，感觉有了方向做起来也就不难了

马黑黑 发表于 2022-6-18 11:31

绿叶清舟 发表于 2022-6-18 11:18
还能这么试的啊

测试的方法很多，这是一种。还有，你用的百分浏览器，在本地测试帖子效果时，按F12，可调出开发用到的控制台（右边），其中，Elements能呈现你的布局，通过点击代码节点，可以查看到布局中个元素的实际位置和占位，很直观的

加林森 发表于 2022-6-18 12:04

绿叶清舟 发表于 2022-6-18 11:27
谢谢队长，突然玩视频上瘾了

那就继续玩。{:4_190:}

绿叶清舟 发表于 2022-6-18 16:29

马黑黑 发表于 2022-6-18 11:31
测试的方法很多，这是一种。还有，你用的百分浏览器，在本地测试帖子效果时，按F12，可调出开发用到的控 ...

那里面没有贴子代码的啊，点过去屏幕会发生变化但找不到代码啊
页: [1] 2
查看完整版本: 一叶知心TO小辣椒