醉美水芙蓉 发表于 2023-9-23 21:53:53

喜迎中秋欢度国庆

本帖最后由 醉美水芙蓉 于 2023-9-23 21:53 编辑 <br /><br /><style>
#papa { margin: 0 0 0 calc(50% - 693px); width: 1200px; height: 640px; background: url('https://pic.imgdb.cn/item/650ee6aec458853aef24b260.png') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#vid { position: absolute; width: 100%; height: 100%;object-fit: cover; pointer-events: none;z-index: 2; opacity: 1; }
</style>

<div id="papa">
      <video id="vid" src="https://imgs-qn.51miz.com/preview/video/00/00/17/82/V-178227-BA2FD15F.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
        <audio id="aud" src="http://yh.oldkids.cn/yuying/mp3/我的祖国.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: 'top: 10px;',
                        fs_css: 'color: #ddd; background: transparent;',
                        player_css: `
                              bottom: 10px;
                              filter: hue-rotate(100deg);
                              --track: lightgray;
                              --prog: orange;
                        `,
                        dir: 2,
                });
      });

      loadJs(js2, () => {
                H5lz({
                        papa: '#papa',
                        total: 40,
                        size: {width: 25, height:54},
                        shape: {background: 'url("https://pic.imgdb.cn/item/650ee568c458853aef248b82.png")', borderRadius: '0'},
                        ani: 'toTop',
                        maxTime: 30,
                        offset: {x: -200, y: 0},
                });
      });
})();

</script>

zlpi@163.com 发表于 2023-9-24 08:34:03

节日快乐

醉美水芙蓉 发表于 2023-9-24 09:17:34

zlpi@163.com 发表于 2023-9-24 08:34
节日快乐

祝山里人老师双节快乐!

夏艳妍 发表于 2023-10-23 05:44:46

这个作品漂亮!!!!

醉美水芙蓉 发表于 2023-10-23 21:21:56

夏艳妍 发表于 2023-10-23 05:44
这个作品漂亮!!!!

谢谢朋友支持!

蓝叶 发表于 2024-1-1 21:33:09

这个作品漂亮!!!!
页: [1]
查看完整版本: 喜迎中秋欢度国庆