巫娜 - 巫娜 - 知音天籁

马黑黑

马黑黑

帖子代码：

1. <style>
   
2.         @import 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.css?v=1.1';
   
3.         #papa { position: absolute; left: 50%; transform: translate(-50%, 10px); width: clamp(800px, 90vw, 1400px); height: clamp(460px, 90vh, 760px); background: #ddd url('https://q7.itc.cn/q_70/images03/20240610/95c4a9753a4d43f08425649997980f27.jpeg') no-repeat center/cover; }
   
4.         #mplayer { bottom: 30px; }
   
5.         .vid { opacity: .5; }
   
6.         #fsbtn { top: 30px; }
   
7.         .zw { height: clamp(460px, 90vh, 760px); margin: 30px; }
   
8. </style>
   
9. 
   
10. <div id="papa" class="pa">
    
11.         <audio id="aud" src="https://music.163.com/song/media/outer/url?id=304927" autoplay loop></audio>
    
12.         <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/03/05/45/16/video6362e4ecd987f.mp4" autoplay loop muted></video>
    
13. </div>
    
14. <div class="zw"></div>
    
15. 
    
16. <script type="module">
    
17.         import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.js?v=1.1';
    
18.         hcplay(papa);
    
19. </script>

复制代码

花飞飞

手机看了下挺好看的，电脑看不仅是漂亮，震撼。。大气唯美。
视频里飘飞的柳枝跟画面中的呼应啊。。
视频中间还挖了一丢丢，没那么满更显自然

花飞飞

面对这样的画面和音乐，不由得不静下心来。。。禅意十足。。
感染力强的作品。。

花飞飞

话说，贴子能再大一些么。。更大的图我一直调得费劲儿

小辣椒

这个播放器按钮出来不用点击就是可以看见了

小辣椒

这个黑黑封装后就这么点代码了，黑黑真厉害哦，小辣椒直接套用玩

马黑黑

小辣椒 发表于 2025-4-14 21:29
这个黑黑封装后就这么点代码了，黑黑真厉害哦，小辣椒直接套用玩

这个模版又不是第一次发

马黑黑

小辣椒 发表于 2025-4-14 21:22
这个播放器按钮出来不用点击就是可以看见了

之前有点小瑕疵，主要是，当浏览器不支持自动播放时

马黑黑

花飞飞 发表于 2025-4-14 21:13
手机看了下挺好看的，电脑看不仅是漂亮，震撼。。大气唯美。
视频里飘飞的柳枝跟画面中的呼应啊。。
视频 ...

最近又研究了一下下手机，拿起iPhone4鼓捣了一阵子，发现手机的物理分辨率实在太低，要完美适应手机，最小宽度得设为300px

马黑黑

花飞飞 发表于 2025-4-14 21:16
话说，贴子能再大一些么。。更大的图我一直调得费劲儿

如果不需要照顾手机端，帖子宽高可以任意设置

马黑黑

花飞飞 发表于 2025-4-14 21:14
面对这样的画面和音乐，不由得不静下心来。。。禅意十足。。
感染力强的作品。。

巫娜的音乐魅力无限

樵歌

@花飞飞 @红影 @小辣椒 们有福了

樵歌

换个音乐地址，俺岂不也可以顺走

马黑黑

樵歌 发表于 2025-4-14 21:44
换个音乐地址，俺岂不也可以顺走

完全可以

马黑黑

樵歌 发表于 2025-4-14 21:43
@花飞飞 @红影 @小辣椒 们有福了

花飞飞

马黑黑 发表于 2025-4-14 21:35
最近又研究了一下下手机，拿起iPhone4鼓捣了一阵子，发现手机的物理分辨率实在太低，要完美适应手机，最 ...

还爱疯4，史上最经典最适合人体工学的可爱的机子。。
这个最小值好象会影响电脑的大小。。
我说我的大图哈，如果调得不对，电脑看的时候就会切掉一大块了。

花飞飞

马黑黑 发表于 2025-4-14 21:36
如果不需要照顾手机端，帖子宽高可以任意设置

嗯，所以乘风归就套回来了。

花飞飞

马黑黑 发表于 2025-4-14 21:36
巫娜的音乐魅力无限

再整个小船飘着更好了，船头放个酒壶

马黑黑

花飞飞 发表于 2025-4-14 21:59
再整个小船飘着更好了，船头放个酒壶

那太飘逸了