【特效音画】元宵节快乐
</script><p style="width:120%;margin: auto;position:relative;">
<video id="sp" src="https://video.699pic.com/videos/06/45/83/a_675bb9c7386e717340645832312.mp4" width="120%" autoplay="" preload="auto" loop="" style="position:absolute;mix-blend-mode:screen;left:0;top:0;z-index:1;"></video>
<img src="https://pic1.imgdb.cn/item/67a891cad0e0a243d4fd82ce.jpg" width="120%">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=399411797" autoplay="" loop=""></audio>
<br><br><br><br><br><br><br><br> 特效需用背景透明的gif图片，视频不可做特效，我可以试试:lol。把它拿掉（调整了，加了烟花），就一个你的作品就可以了，否则影响作品效果。<br>
还有一个问题。我看了你的代码，嵌入播放器那里的高度太高了，调整一下，600px左右，只要显示完整高度就行。不过，高一点看出来大气也行。<br>
视频做特效，因为背景不透明，会遮盖作品。背景透明的视频有，但很少，一般国外的网站有。用视频做特效，也简单，只要加个视频层，但使用估计受透背景明视频来源的困扰。一般还是使用gif图片，网上可以找到，直接用它的连接，防链就上传中画相册使用。记住，背景透明GIF！<br>
具体连接如下：
http://pan.yinhuabbs.cn/uploads/bzml/BFQ/yhyd.html?bj=https://pic1.imgdb.cn/item/67a891cad0e0a243d4fd82ce.jpg&fx=特效图片连接（背景透明GIF图片）"
<style>
.embed-container {
position: relative;
width: 100%;
height: 0;
padding-top: 57%; /* For a 16:9 aspect ratio */
overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<div class="embed-container">
<iframe id="frm" src="http://pan.yinhuabbs.cn/uploads/bzml/%E5%93%88%E5%93%88.html?sf=https://img.tukuppt.com/video_show/10/11/11/4/6585463a98457.mp4&img=https://pic1.imgdb.cn/item/67a891cad0e0a243d4fd82ce.jpg&autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>
这个烟花视频是熊猫网的，可以利用，但360浏览器显示有问题，谷歌正常。我先试试的。。。<br>
你想达到这个效果。其实视频的背景是黑色的，一般情况下利用就是黑色打底。<br>
现在前沿技术可以不黑色，而且就是针对的黑色背景，其他颜色无效。前提需要浏览器支持。
谷歌没问题，但我们普遍使用的360浏览器在代码内使用也行，由于多插件，只要地址栏连接参数有mp4的后缀，背景会变成黑色（你贴的就是这样）。<br>
视频背景透明需原视频背景黑色，但网页背景需要白色，否则没有透明效果。<br>
播放器要通用，参数需放在连接上，所以，要用视频做特效360浏览器是个大问题。。。<br>
解决办法看来只能多重嵌入<br>
我不玩制图，这个前沿的新方法可以用于制图，出品为GIF。 祝欢颜（云裳）：元宵节快乐！
祝大家元宵节快乐！ 360浏览器也可用:lol 问题可能出在本地试不显示，网络上显示。谷歌不存在此问题，也许是电脑中毒了。
<style>
.embed-container {
position: relative;
width: 100%;
height: 0;
padding-top: 57%; /* For a 16:9 aspect ratio */
overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<div class="embed-container">
<iframe id="frm2" src="http://pan.yinhuabbs.cn/uploads/bzml/%E5%93%88%E5%93%88.html?sf=https://img.tukuppt.com/video_show/2269348/00/14/17/5e1ca4afd33e2.mp4&img=https://pic1.imgdb.cn/item/67a891cad0e0a243d4fd82ce.jpg&autoplay=1" frameborder="0" allowfullscreen></iframe>
</div> 爆汁莓驴 发表于 2025-2-9 21:29
特效需用背景透明的gif图片，视频不可做特效，我可以试试。把它拿掉（调整了，加了烟花），就一个你的 ...
谢谢欣赏和点评，问好 么念 发表于 2025-2-10 15:37
祝欢颜（云裳）：元宵节快乐！
谢谢欣赏，问好 欢颜（云裳） 发表于 2025-2-10 20:20
谢谢欣赏，问好
可以了，以后你可以用视频做特效了。参数不是cf，cf是背景透明gif参数。
视频特效参数是sf，熊猫办公网的视频连接都可以用，不过最好用黑色背景的视频，其他你可以试试，行的话用。
也谢谢你的不经意的错误贴法，让播放器可以使用视频做特效:lol
顺便说明一点，由于视频特效必须依靠作品做底图方可背景透明，所以作品的高度有限制（我下面贴的就是合适的，视频和图片宽度都是100%，高度是自动的，视频最高就那样了），太高的话，视频特效够不到，图片太高比例也失调。我再看看能否调整。。。
爆汁莓驴 发表于 2025-2-11 20:11
可以了，以后你可以用视频做特效了。参数不是cf，cf是背景透明gif参数。
视频特效参数是sf，熊猫办公网 ...
能把代码发给我吗 欢颜（云裳） 发表于 2025-2-11 21:14
能把代码发给我吗
很简单，用图片特效，参数fx=。。。。如果用视频特效，参数改为sx=。。。。一起用也行。fx=。。。。&sx=。。。。 我明白你的意思了，你就要你构思的简单视频特效加作品，没问题。你的专利，理所当然。不过，我贴出来，大家一起挖视频网站的矿，估计不久就会VIP了，现在部分收费。
我是经楼主无意指点，网上发现前沿技术可以把黑色背景视频变透明，所谓的通道（绿色）视频，试了一下成功了。我也没有特别美化样式，先分享给大家
<iframe width="100%" height="175px" frameborder="0" scrolling="no" allowfullscreen="true" allowtransparency="true" src="http://pan.yinhuabbs.cn/uploads/bzml/哈哈.html?url=网易云id数字串，或者网易云MV（163/id数字串），或者全民s字符串，或者任意歌曲或视频完整连接&sf=特效视频连接&img=你的制作美图&autoplay=1或者0（是否自动播放）"></iframe>
宽度100%，高度可以调节，但要与视频的最大高度适合，否则自己的作品也比例失调。<br>
我贴，用了一个手机看不到的电脑图标，原始高度175px是适合手机屏幕的。电脑的高度在按钮里，电脑点击成适合的高度。现在没办法，要兼顾到手机，否则你的作品没人看到。<br>
有兴趣，大家可以试试。效果见轻音的作品或者楼主的作品
<br>
试下来，作品颜色灰暗显示的效果好！除熊猫办公网，摄图网的连接也可使用。
页:
[1]
2