【云裳音画】蛇年纳福 祝论坛友友们蛇年吉祥
<style>
#mydiv { margin: 0 0 0 calc(50% - 900px);
display: grid;
place-items: center;
width:1800px;
height:1000px;
top:130px;
background: lightblue url('https://pic1.imgdb.cn/item/6794854ed0e0a243d4f7bfaf.jpg')no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
user-select: none;
overflow: hidden;
position: relative;
z-index: 3;}
#vid1 {
position: absolute;
width: 100%;
height: 100%;
top:10px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index:2;
opacity: .10;
}
#vid2 {
position: absolute;
width: 100%;
height: 100%;
right:8%;
top:10px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 5;
opacity: .39;
}
</style>
<div id="mydiv">
<video id="vid1" src="https://img.tukuppt.com/video_show/15653652/01/07/35/616d2b8379cc7.mp4" autoplay="" loop="" muted=""></video>
<video id="vid1" src="https://img.tukuppt.com/video_show/15653652/01/06/15/615d34aa3bead.mp4" autoplay="" loop="" muted=""></video>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=538728297" autoplay="" loop=""></audio>
<br><br><br><br><br><br><br><br> 喜庆祥瑞，精彩分享，祝福云裳新年快乐 约会阳光 发表于 2025-1-25 18:18
喜庆祥瑞，精彩分享，祝福云裳新年快乐
谢谢，新年快乐 <p align="center"><iframe width="100%" height="560px" frameborder="0" scrolling="no" allowfullscreen="true" allowtransparency="true" src="http://pan.yinhuabbs.cn/uploads/bzml/BFQ/yhyd.html?bj=https://pic1.imgdb.cn/item/6794854ed0e0a243d4f7bfaf.jpg&fx=https://wimg.588ku.com/gif620/22/01/07/57eef3f535fb1ea56925950f32f58a5d.gif&fit=cover"></iframe></p>
嵌入后全屏有偏差，直接点开链接全屏电脑正常。手机是否嵌入，全屏都有偏差，这也许兼容问题。这个移动是伪元素，浏览器都不一定支持。<br>
这个动画不是gif图片格式，是html网页格式，应该也可以用播放器。这样，就能控制音乐。。。
<p align="center"><iframe width="100%" height="560px" frameborder="0" scrolling="no" allowfullscreen="true" allowtransparency="true" src="http://pan.yinhuabbs.cn/uploads/bzml/BFQ/yhyd.html?bj=https://pic1.imgdb.cn/item/6794854ed0e0a243d4f7bfaf.jpg&fx=https://wimg.588ku.com/gif620/25/01/19/d123213a4cb5bd31a9675586b5370fec.gif&fit=cover"></iframe></p>
<p align="center"><iframe width="100%" height="560px" frameborder="0" scrolling="no" allowfullscreen="true" allowtransparency="true" src="http://pan.yinhuabbs.cn/uploads/bzml/BFQ/yhyd.html?bj=https://pic1.imgdb.cn/item/6794854ed0e0a243d4f7bfaf.jpg&fx=https://wimg.588ku.com/gif620/24/12/14/abfff39b3d0ccf111aa13a858068a609.gif&fit=cover"></iframe></p> 新春快乐，蛇年大吉！ 约会阳光 发表于 2025-1-25 18:18
喜庆祥瑞，精彩分享，祝福云裳新年快乐
谢谢，新年快乐 爆汁莓驴 发表于 2025-1-26 07:26
谢谢，新年快乐 雾桥 发表于 2025-1-26 13:40
新春快乐，蛇年大吉！
谢谢，新年快乐