欢颜（云裳） 发表于 2025-3-16 11:49

【云裳音画】遥寄一枝春


<style>
#mydiv { margin: 0 0 0 calc(50% - 1000px);
display: grid;
place-items: center;
width:1800px;
height:800px;
top:130px;
background: lightblue url('https://pic1.imgdb.cn/item/67d5778988c538a9b5becd29.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/04/57/90/6490fb3b722ba.mp4" autoplay="" loop="" muted=""></video>
<video id="vid1" src="https://img.tukuppt.com/video_show/2475824/00/01/58/5b56a385e42de.mp4" autoplay="" loop="" muted=""></video>
</div>   
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=29103155" autoplay="" loop=""></audio>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>

爆汁莓驴 发表于 2025-3-16 13:00

<div style="position: relative;width: 100%;height: 0;padding-top: 56.25%;overflow: hidden;box-shadow: 3px 3px 8px #000;">
<iframe style="position: absolute;width: 100%;height: 100%;left: 0;top: 0;transform: scale(1.02);" frameborder="0" scrolling="no" allowfullscreen="true" allowtransparency="true" src="http://pan.yinhuabbs.cn/uploads/bzml/jxvideo.html?c=1&p=1&v=0&l=1&hlw=0200fg10000cvbocbvog65uvndul450&bg=https://pic1.imgdb.cn/item/67d5778988c538a9b5becd29.jpg"></iframe>
</div>
试试音画转视频:lol

<script>
document.getElementsByTagName('audio').pause();
</script>

爆汁莓驴 发表于 2025-3-16 15:12

字画放视频里必须录屏方可显现，操作麻烦点，图片效果肯定没有单幅图片好，优点是适合目前的传播主流---视频。
不过画的灵魂不需要细节，人们一眼就会感悟！好图通过视频也能达到制图的预期效果。。。

其实我是瞎说的，根本不懂制图;P

我也在 发表于 2025-3-16 16:55

谢云裳分享，周末愉快！

欢颜（云裳） 发表于 2025-3-17 20:28

爆汁莓驴 发表于 2025-3-16 15:12
字画放视频里必须录屏方可显现，操作麻烦点，图片效果肯定没有单幅图片好，优点是适合目前的传播主流---视 ...

谢谢欣赏和点评，问好

欢颜（云裳） 发表于 2025-3-17 20:29

我也在 发表于 2025-3-16 16:55
谢云裳分享，周末愉快！

谢谢欣赏和点评，问好

蓝魔 发表于 2025-3-17 20:55

遥寄一枝春

春风轻拂过江南，梅花点点雪中藏。
遥寄一枝春意浓，思念随风到远方。

红梅傲骨立雪中，暗香浮动月朦胧。
折梅一枝寄相思，友情如春暖融融。

江南无所有，聊赠一枝春。
陆凯诗意传千古，梅花寄情意更真。

忆梅下西洲，折梅寄江北。
《西洲曲》中情意绵，梅花传书情无限。

人间天上没个人堪寄，
李清照笔下梅花泪。
遥寄一枝春，心系远方人。

红梅白雪相辉映，宝琴立雪楚楚怜。
《红楼梦》中春意闹，遥寄一枝春情牵。

遥寄一枝春，跨越千山万水。
梅花虽无语，情意却胜过千言万语。
愿春风带去温暖，愿梅花传递真情。

爆汁莓驴 发表于 2025-3-17 22:30

欢颜（云裳） 发表于 2025-3-17 20:29
谢谢欣赏和点评，问好
你嵌入框架代码要全，特别是标签，最后的</iframe>不可省略，图片标签最后可以省略。显示有问题不是模式原因，反而是兼容模式会有问题:lol
你可能习惯用IE浏览器吧，IE浏览器能显示的现在主流浏览器不一定支持，最好换浏览器使用，国内一般使用360的比较多，兼容性比较好！

么念 发表于 2025-3-18 15:56

欣赏精彩制作，祝安！

欢颜（云裳） 发表于 2025-3-18 20:00

蓝魔 发表于 2025-3-17 20:55
遥寄一枝春

春风轻拂过江南，梅花点点雪中藏。


谢谢欣赏，问好
页: [1] 2
查看完整版本: 【云裳音画】遥寄一枝春