入学五十周年同学会（自证上次征文没有作假）
本帖最后由 寒冬残荷 于 2025-12-28 19:35 编辑 <br /><br /><style>#pa{margin-top:30px; left:calc(50% - 81px); transform:translateX(-50%); background: #000 url('https://pic1.imgdb.cn/item/6950fe26a0c391c56de5e2ae.webp') no-repeat center/cover; width:clamp(600px,90vw,1400px); min-height:80vh; aspect-ratio:16/9; overflow:hidden; position: relative; display:grid; place-items:center; perspective:1000px; user-drag:none; user-select:none; --state:running; z-index:1; border:#d0d0d0 15px inset; border-top:#e0e0e0 15px inset; border-bottom:#adadad 15px inset;opacity: 1; }
#vid {position: absolute; width: 100%; height: 100%; object-fit: cover;mask: radial-gradient(circle, transparent 1%, black 40%);-webkit-mask: radial-gradient(circle, transparent 1%, black 40%);opacity: .6;z-index: 9;pointer-events: none;}
#fullscreen {position:absolute; left:3%; top:40px; width:42px; height:42px; cursor:pointer; opacity:0; transition:opacity 0.3s ease; z-index:8; }
#pa:hover #fullscreen {opacity:1;}
#qping {width:42px; height:42px; position:absolute; background:url('https://pic1.imgdb.cn/item/6940e1b60dd29e7e22418751.png')no-repeat center/cover; opacity:1; }
#tchu {width:42px; height:42px; position:absolute; opacity:0; background:url('https://pic1.imgdb.cn/item/6940e1fb0dd29e7e22418802.png')no-repeat center/cover; opacity: 1;}
</style>
<div id="pa">
<video id="vid" src="https://txmov2.a.kwimgs.com/ksc1/fH7PL2nYEXQvKGPuy8doDDFJoI6w71i8jd38TX6E9L7avGl260Oknit28GfIahSvL4wC5_5Tj8lTCUPwKp2c695Oh-WdMwaU_jK7bSgFIcEtvgCEB_zHnI3588-5u1u2JBGEeEMzFbl32droUaWz8TJrzLxuNF-7kwciMjoBhZlw4-dQywxFVYk5t_Xez34d.mp4" autoplay loop muted></video>
<span id="fullscreen" title="全屏/退出">
<div id="qping"></div>
<div id="tchu"></div>
</span>
<audio id="aud" src="https://www.dda5.com/plug/down.php?ac=mp3&id=12cf5d2031c533b3bb50373272842657" autoplay="autoplay" loop="loop" ></audio>
</div>
<div style="height:208px;"></div>
<script>
let fs = true;let fsTimer;
fullscreen.onclick = () => {fs ? (pa.requestFullscreen(), qping.style.opacity = '0', tchu.style.opacity = '1') : (document.exitFullscreen(), qping.style.opacity = '1', tchu.style.opacity = '0');fs = !fs;}
pa.addEventListener('mousemove', () => { clearTimeout(fsTimer); fullscreen.style.opacity = '1'; fsTimer = setTimeout(() => { fullscreen.style.opacity = '0'; }, 3000); });
</script>
五十周年的相聚，还有这么多同学这么热情的笑容，真的不容易啊{:4_187:} 图片背景下的视频，影影绰绰的，看不太清楚呢{:4_173:} 75年刚从农村进到工厂 音画唯美 制作大气 跨入2026，祝你健康常伴，笑容常在，每一天都充满惊喜！
页:
[1]