花甲走四方 发表于 2026-9-15 21:45

水云间

<style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://imgimg.qqdsw8.cn/view.php/59b5f33ab54563e481f2ecf1dba6ee7b.jpg') no-repeat center/cover; }
.player { width: 480px; bottom: 10px; color: indigo; }
.btnFs { top: 20px; right: 20px; color: lightblue; }
.mypic { width: 60px; transition: 1.5s; opacity: var(--opacity); }
.mypic:nth-of-type { bottom: 360px;right:100px; bottom: 100px; filter: hue-rotate(80deg); }
#lrc { bottom: 60px; color: silver; --color1: steelblue; --color2: white; }
</style>

<div id="pa" class="pa">
<video class="pd-vid" src="https://img2.tukuppt.com/video_show/2405811/00/16/27/5e9c626ccf77f.mp4" autoplay loop muted></video>
    <video class="pd-vid" src="https://img2.tukuppt.com/video_show/13839797/00/14/64/5e59699c126a3.mp4" autoplay loop muted></video>
</div>

<script>
var geci = `水云間 - 童孔
詞：瓊瑤
曲：陳復明
把酒黃昏后
醉臥水云間
彩筆由我舞
揮灑一片天
天空幾萬里
云霞共翩翩
你是浮云我是霞
纏纏綿綿到天邊
纏綿到天邊
纏綿到天邊
踏遍紅塵路
結伴水云間
船兒載不動
情深幾萬千
夢隨流水遠
小河繞青山
你是青山我是河
纏纏綿綿到天邊
纏綿到天邊
纏綿到天邊
纏綿到天邊
纏綿到天邊`;

var options = {
    pa: '.pa',
    urls: [['https://imgimg.qqdsw8.cn/view.php/78494df04412270df38c2822fb15f632.mp3', '童孔 - 水云间']],
    btns: document.querySelectorAll('.mypic'),
};

loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js?v0', function() {
    loadJs('https://638183.freep.cn/638183/web/api/yslrc.js', function() {
      const aud = new AudPlayer(options);
      LRC(aud.pa, aud.aud, geci);
    });
});

function loadJs(url, callback) {
    var script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.onload = function() {
      if (callback) callback();
    };
    document.head.appendChild(script);
}
</script>

小辣椒 发表于 2026-9-15 21:53

欣赏老师精彩的制作，背景视频加的也是好{:4_199:}

耄耋人 发表于 2026-9-15 22:38

大家风范，精彩制作，赏心悦目，欣赏！

红影 发表于 2026-9-15 22:51

很漂亮的制作，欣赏高老师好帖{:4_199:}

花甲走四方 发表于 2026-9-16 09:30

小辣椒 发表于 2026-9-15 21:53
欣赏老师精彩的制作，背景视频加的也是好

感谢支持欣赏

花甲走四方 发表于 2026-9-16 09:31

耄耋人 发表于 2026-9-15 22:38
大家风范，精彩制作，赏心悦目，欣赏！

过奖了，感谢欣赏。

花甲走四方 发表于 2026-9-16 09:32

红影 发表于 2026-9-15 22:51
很漂亮的制作，欣赏高老师好帖

影子上午好，谢谢你的支持。
页: [1]
查看完整版本: 水云间