小辣椒 发表于 2023-7-30 22:18

月光小夜曲 （再测试可以看见播放器吗）


<style>
#mydiv { margin: 120px 0 0 calc(50% - 720px); display: grid; place-items: center; width: 1280px; height: 680px; background: lightblue url('https://wj1.zp68.com:812/lxx/yunhua/2022/05/30/yu.gif') no-repeat center/cover; box-shadow: 3px 3px 20px #000; user-select: none; overflow: hidden; position: relative; z-index: 1; --state: running; }
#mydiv::before,#mydiv::after { position: absolute; left: 450px; top: 400px; content: url('https://wj.zp68.com/lxx/yunhua/2023/07/30/xyu.jpg'); mix-blend-mode: screen; offset-path: path('M60,120 L300,200');animation: move 30s var(--delay) infinite var(--state); --delay: 0s; }
#mydiv::after { --delay: -15s; }
@keyframes move { from {offset-distance: 0%; transform: rotate(0deg); } to { offset-distance: 100%; transform: rotate(720deg); } }
</style>

<div id="mydiv"></div>
<audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2023/07/30/03_clip.mp3" autoplay loop></audio>

<script>
(function() {
    let script = document.createElement('script');
    script.src = 'https://wj.zp68.com/lxx/yunhua/2023/07/30/tube_lrc.js';
    document.head.appendChild(script);

    window.onload = () => {
      HCPlayer({
            papa: '#mydiv',
         lrcAr: [,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,],
      });
    };
})();
</script>

小辣椒 发表于 2023-7-30 22:18

如果还是看不见，那我以后就少玩js的播放器了

微风音乐 发表于 2023-7-31 10:22

{:5_136:}{:5_136:}

小辣椒 发表于 2023-8-1 20:43

微风音乐 发表于 2023-7-31 10:22


问好微风音乐，你可以看见播放器吗？那谁说看不见

liumang 发表于 2023-8-1 23:21

看不见的人就不看，哈哈

{:5_146:}



微风音乐 发表于 2023-8-2 09:20

画面漂亮   音效很好
页: [1]
查看完整版本: 月光小夜曲 （再测试可以看见播放器吗）