小雨的心 发表于 2024-1-24 09:48:25

【小雨音画】因为遇见你

<style>#mydiv { margin: 0 0 0 calc(50% - 871px); display: grid; place-items: center; width: 1600px; height: 900px;top:0px; background: lightblue url('http://www.yhyhlt.com/data/attachment/forum/202401/24/094554uqyrz8ztllsnbf0q.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; user-select: none; overflow: hidden; position: relative; z-index: 1; --state: running; }
#codePre { font: normal 14px/20px Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; }
.green { color: green; }
#vid {
      position: absolute;
      width: 120%;
      height: 110%;
      top:-10px;
      left:-50px;
      object-fit: cover;
      pointer-events: none;
      mix-blend-mode: screen;
      z-index: 2;
      opacity: .20;
}</style>    <div id="mydiv"><video id="vid" src="https://img3.tukuppt.com/video_show/2418175/00/02/22/5b52de8ec8111.mp4" autoplay="" loop="" muted=""></video></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=1370908141.mp3" autoplay="" loop=""></audio>    <script>let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/pinpu_lrc.js';
    document.head.appendChild(script);

    (function() {
      let lrcAr = [
         ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      
      
      ];
      window.onload = () => {
            HCPlayer({
                papa: '#mydiv',
                lrcAr: lrcAr,
                lrc_css: 'right: 1000px; bottom: 50px;--bg: linear-gradient(SaddleBrown,Peru);',
fs_css: 'background: transparent; color: white; left:5%; bottom:5%;',
                player_css: 'right:1000px; bottom: 100px; --track: #eee; --prog: SaddleBrown; --cap: silver;',
                pinpu: {num: 80, width: 3, height: 100, color: 'linear-gradient(to top, Peru, SaddleBrown)'}
            });
      };
    })();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);</script>

绿蔷薇 发表于 2024-1-26 15:13:55

阳光大男孩，画面很养眼哈~~{:S03:}

绿蔷薇 发表于 2024-1-26 15:15:37

简洁漂亮，歌词同步给力
小雨多面手，每个作品都是粉棒说
页: [1]
查看完整版本: 【小雨音画】因为遇见你