【向荣音画】春风谣
<style>#mydiv { margin: 0 0 0 calc(50% - 781px);
display: grid;
place-items: center;
width: 1600px;
height: 900px;
top:130px;
background: lightblue url('http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/3_7c.jpg') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
user-select: none;
overflow: hidden;
position: relative;
z-index: 3;}
#vid {
position: absolute;
width: 100%;
height: 110%;
top:-80px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 4;
opacity: .15;
}
</style>
<div id="mydiv">
<video id="vid" src="https://img.tukuppt.com/video_show/2418175/01/04/62/614ade273f6d1.mp4" autoplay="" loop="" muted=""></video>
</div>
<p></p><br><br><br><b<br><br><br><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=150 src="//music.163.com/outchain/player?type=0&id=12767258233&auto=1&height=430"></iframe> 谢谢向荣的分享，周末愉快！ 祝向荣新周快乐！ 又是同一透明视频背景，熊猫的通道背景不多，提供一些以后可用。按钮点击后，画面右键可复制连接直接利用。
<div style="position: relative;width: 100%;height: 0;padding-top: 56.25%;overflow: hidden;box-shadow: 3px 3px 5px #000;background:url('http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/3_7c.jpg')no-repeat center/100% auto" onclick="if(this.style.transform<='scale(1.0)'){this.style.transform='scale(1.5)'}else{this.style.transform='scale(1.0)'};this.style.transition='transform 10s ease-in-out'" title="点击缩放">
<video id="sp" style="position: absolute;width:100%;heigh:auto;left:0;top:0;mix-blend-mode:screen;opacity:1;" autoplay muted loop src="https://video.699pic.com/videos/45/74/07/b_vDvQRkvrTndy1554457407_10s.mp4"></iframe>
</div>
<p align="center"><input type="button" value="粉红花瓣" onclick="sp.src='https://video.699pic.com/videos/64/15/10/zRNBGCCm9wh41526641511_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="水墨梅花" onclick="sp.src='https://video.699pic.com/videos/81/04/73/b_vNk6gxSHbC6B1554810473_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="上升粒子" onclick="sp.src='https://video.699pic.com/videos/46/46/47/b_AXWhKpkbXIrQ1558464647_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="五线谱" onclick="sp.src='https://video.699pic.com/videos/10/59/22/a_XMC7B2hbfPfq1558105922_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="光效粒子" onclick="sp.src='https://video.699pic.com/videos/32/31/16/b_ZPt5yF3VN0j61551323116_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="党建光线" onclick="sp.src='https://video.699pic.com/videos/37/27/79/b_XJ2ntamePuaj1587372779_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="彩色气球" onclick="sp.src='https://video.699pic.com/videos/63/44/90/b_gEVERvFe3ccc1552634490_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="粒子相框" onclick="sp.src='https://video.699pic.com/videos/16/70/87/b_22wH0Vkfm1pr1578167087_10s.mp4';sp.style.opacity='1.0'"><input type="button" value="金色粒子" onclick="sp.src='https://video.699pic.com/videos/90/09/82/b_RAa6mgzK37q11554900982_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="金粒边框" onclick="sp.src='https://video.699pic.com/videos/17/80/69/b_C78ga0CxxZ0R1551178069_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="节日烟花" onclick="sp.src='https://video.699pic.com/videos/32/00/18/a_3yEjZN5C5EzV1555320018_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="唯美光效" onclick="sp.src='https://video.699pic.com/videos/90/45/60/b_xRDI8AhyYj0q1552904560_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="白色粒子" onclick="sp.src='https://video.699pic.com/videos/65/87/51/a_cEZ2Kn7II2eC1558658751_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="炫耀光效" onclick="sp.src='https://video.699pic.com/videos/08/97/39/b_5caUy8fkKCPG1553089739_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="通道树叶" onclick="sp.src='https://video.699pic.com/videos/75/38/51/b_qfquXuxzPcaU1557753851_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="郁金香" onclick="sp.src='https://video.699pic.com/videos/97/43/18/b_CG5nYdrASGpk1552974318_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="云雾通道" onclick="sp.src='https://video.699pic.com/videos/41/96/04/b_Xmwt6xvJHrGH1557419604_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="云层通道" onclick="sp.src='https://video.699pic.com/videos/62/25/08/b_iSSJapYg8cna1554622508_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="泡泡漂浮" onclick="sp.src='https://video.699pic.com/videos/64/42/93/a_qIKUcxqW6tE91562644293_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="熊熊火焰" onclick="sp.src='https://video.699pic.com/videos/22/44/48/b_4dzRWYzQ9FN11560224448_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="绚丽彩带" onclick="sp.src='https://video.699pic.com/videos/79/95/19/a_chwFNdACB6ac1603799519_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="彩色灯光" onclick="sp.src='https://video.699pic.com/videos/72/84/97/b_IHc0GJtmvQsW1555728497_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="糖果彩带" onclick="sp.src='https://video.699pic.com/videos/61/95/78/a_PDXN7XR5pecB1559619578_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="红包雨" onclick="sp.src='https://video.699pic.com/videos/51/44/71/a_dh96H3pPJSZx1593514471_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="雪通道" onclick="sp.src='https://video.699pic.com/videos/23/87/33/a_EdcKeDzdj8xC1590238733_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="雨通道" onclick="sp.src='https://video.699pic.com/videos/21/32/78/a_nHiUErPziP051556213278_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="闪电通道" onclick="sp.src='https://video.699pic.com/videos/45/97/07/b_4JcFSMYqMzSE1555459707_10s.mp4';sp.style.opacity='1.0'"> <input type="button" value="雾通道" onclick="sp.src='https://video.699pic.com/videos/58/66/81/b_WTIDbyp672H31557586681_10s.mp4';sp.style.opacity='1.0'"></p>
<br> 爆汁莓驴 发表于 2025-3-10 02:02
又是同一透明视频背景，熊猫的通道背景不多，提供一些以后可用。按钮点击后，画面右键可复制连接直接利用。 ...
谢谢，好神奇，我得好好消化学习{:1_293:} 向荣 发表于 2025-3-10 22:32
谢谢，好神奇，我得好好消化学习
是点击后的缩放效果吧，我也觉得挺好，昨天试的:lol 爆汁莓驴 发表于 2025-3-10 22:39
是点击后的缩放效果吧，我也觉得挺好，昨天试的
丰富多彩{:1_292:} 向 向荣欣赏学习，祝安！ 春天的颜色，歌曲也好听
页:
[1]