小辣椒 发表于 2023-9-26 21:43

逝去的红线 TO：冬雨中秋节快乐！


<style>
#papa { margin: 150px 0 0 calc(50% - 780px); width: 1368px; height: 680px; background: url('https://xlaj.cn/assets/file/zp/20230926213109.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }

#ship { position: absolute; width: 100%; height: 120%;object-fit: cover; pointer-events: none;z-index: 2; opacity: 0.1; }
</style>
<div id="papa">
<video id="ship" src="https://img.tukuppt.com/video_show/7165162/00/17/52/5ec746f5eec22.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>

      <audio id="aud" src="https://xlaj.cn/assets/file/zp/20230926213006.mp3 " autoplay loop></audio>
</div>

<script>
      
(function() {
      let lrcAr = [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
      let js1 = 'https://638183.freep.cn/638183/web/api/curve_lrc.js', js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.js';
      let loadJs = (url,callback) => {
                let body = document.querySelector('body'), jsNode = document.createElement('script');
                jsNode.charset = 'utf-8';
                jsNode.setAttribute('src', url);
                body.appendChild(jsNode);
                jsNode.onload = () => callback();
      };
      loadJs(js1, () => {
                HCPlayer({
                      papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: 'bottom: 20px;color: OldLace; --bg: linear-gradient(rgba(0,255,255,.4),rgba(0,255,255,.7));',
                        fs_css: 'color: #ddd; background: transparent;',
                        player_css: `
                              top: 10%;
                              filter: hue-rotate(100deg);
                              --track: Snow;
                              --prog: orange;
                        `,
                        dir: 2,
                        img: {play: 'https://wj.zp68.com/lxx/yunhua/2023/09/24/37.png', pause: 'https://wj.zp68.com/lxx/yunhua/2023/09/24/37.gif'},
                });
      });

      loadJs(js2, () => {
                H5lz({
                        papa: '#papa',
                        total: 12,
                        size: {width: 45, height: 54},
                        shape: {background: 'url("https://xlaj.cn/assets/file/zp/20230926213129.png")', borderRadius: '0'},
                        ani: 'toTop',
                        maxTime: 30,
                        offset: {x: -100, y: 0},
                });
      });
})();

</script>

小辣椒 发表于 2023-9-26 21:44

@冬天的雨
双节快乐！

小辣椒 发表于 2023-9-26 21:45

@马黑黑

黑黑我都不知道这个是那个播放器分享的源码，反正下载收藏了，做一个作业

小辣椒 发表于 2023-9-26 21:46

我只是网上找了个图，然后加了黑黑教程里面的效果，简单一点，轻松玩

红影 发表于 2023-9-26 21:52

好浪漫的制作，房顶上的是小辣椒和冬小雨么，好温柔的相依相伴。
欣赏亲爱的好帖，冬小雨收礼开心{:4_199:}

小辣椒 发表于 2023-9-26 21:54

红影 发表于 2023-9-26 21:52
好浪漫的制作，房顶上的是小辣椒和冬小雨么，好温柔的相依相伴。
欣赏亲爱的好帖，冬小雨收礼开心{:4_199: ...

{:4_172:}

纯是玩

东篱闲人 发表于 2023-9-26 21:56

红线都不要了？那就是无底线的快乐呗。。。{:5_117:}

冬天的雨 发表于 2023-9-26 22:09

小辣椒 发表于 2023-9-26 21:44
@冬天的雨
双节快乐！

来了{:4_187:}

冬天的雨 发表于 2023-9-26 22:09

小辣椒 发表于 2023-9-26 21:46
我只是网上找了个图，然后加了黑黑教程里面的效果，简单一点，轻松玩

稍等我在准备发帖了{:4_170:}

冬天的雨 发表于 2023-9-26 22:09

红影 发表于 2023-9-26 21:52
好浪漫的制作，房顶上的是小辣椒和冬小雨么，好温柔的相依相伴。
欣赏亲爱的好帖，冬小雨收礼开心{:4_199: ...

肯定开心{:4_170:}

小辣椒 发表于 2023-9-26 22:19

东篱闲人 发表于 2023-9-26 21:56
红线都不要了？那就是无底线的快乐呗。。。

老头过来人的{:4_170:}

小辣椒 发表于 2023-9-26 22:20

冬天的雨 发表于 2023-9-26 22:09
稍等我在准备发帖了

看见了，做的不错，加油！

马黑黑 发表于 2023-9-26 22:38

小辣椒 发表于 2023-9-26 21:45
@马黑黑

黑黑我都不知道这个是那个播放器分享的源码，反正下载收藏了，做一个作业

这个是曲线进度条播放器插件，它现在总共提供四个进度条样式

冬天的雨 发表于 2023-9-26 22:49

小辣椒 发表于 2023-9-26 22:20
看见了，做的不错，加油！

你这个红的古风灯笼漂亮

红影 发表于 2023-9-26 22:58

小辣椒 发表于 2023-9-26 21:54
纯是玩

很温暖的帖子，祝福你们双节快乐{:4_187:}

红影 发表于 2023-9-26 22:59

冬天的雨 发表于 2023-9-26 22:09
肯定开心

你俩跑房顶看月亮，真浪漫{:4_189:}

醉美水芙蓉 发表于 2023-9-27 07:20

梦油 发表于 2023-9-27 09:29

房顶赏月的两位小朋友是谁啊？还有白兔相陪，好潇洒哦！

亦是金 发表于 2023-9-28 14:30

小辣椒，冬雨两位小朋友坐房顶赏月浪漫！温馨！{:4_187:}要注意安全哦！{:4_189:}

小辣椒 发表于 2023-9-28 21:17

马黑黑 发表于 2023-9-26 22:38
这个是曲线进度条播放器插件，它现在总共提供四个进度条样式

哦，我看了，凡是我感觉喜欢的就下载收藏了，收藏的都会做一次作业的
页: [1] 2
查看完整版本: 逝去的红线 TO：冬雨中秋节快乐！