忘记了 发表于 2025-12-27 14:52

彩虹下的约定

<style>
#mama {
    margin-top: 140px;
    left: calc(100% - 570px);
    transform: translateX(-50%);
    width: 1600px;
    height: 800px;
    background:url('https://aimg8.dlssyht.cn/u/1786604/ueditor/image/894/1786604/1766733982911433.jpg') no-repeat center/cover;
    overflow: hidden;
    z-index: 0;
    position: relative;
        border-radius: 0px;
        border: thick double#FFFFF;
        background:#00;
        overflow: hidden;
        --stat: running ;
}
#mama > video {
    position: absolute;
    top: -122px;;
    width: 100%;
    height: calc(105% + 105px);
    mix-blend-mode: lighten;
    //-webkit-mask: linear-gradient(to right top, red 50%, transparent 90%, transparent);
    pointer-events: none;
}
#vid {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    mask: linear-gradient(to top right, red 88%, transparent 0);   
    -webkit-mask: linear-gradient(to top right, red 88%, transparent 0);   
    z-index: 3;
    opacity: .15;
}

</style>
<div id="mama" class="mama">
    <audio src="https://aimg8.dlssyht.cn/u/1786604/ueditor/video/894/1786604/1766719353210895.mp3" autoplay loop></audio>
    <video src="https://aimg8.dlssyht.cn/u/1786604/ueditor/video/894/1786604/1766721798953708.mp4" autoplay loop muted></video>
    <video src="https://aimg8.dlssyht.cn/u/1786604/ueditor/video/894/1786604/1766469507547494.mp4" autoplay loop muted></video>

    <video id="vid" src="https://img.tukuppt.com/video_show/3664703/00/02/08/5b502d3b34870_10s_big.mp4" autoplay="" loop="" muted=""></video>
</div>
<script>
var geci = `词曲：生命树下
演唱：生命树下
雨后的天空悄悄晴朗
彩虹在远方绽放光芒
像一份承诺安慰我心房
告诉我未来不再孤单
风吹过岁月的流淌
你一直在身旁
纵然世界有风有浪
你的爱是我不变的方向
彩虹下的约定永不凋零
在风雨中给我勇气和安宁
无论前路多么崎岖
这份真情不会忘记
彩虹下的约定温柔坚定
像阳光照耀我的心境
纵使岁月不停更替
守候依然直到永远不离
当泪水模糊了双眼
你轻声把希望点燃
我们并肩这是最美的永恒誓言
彩虹下的约定永不凋零
像星辰守候在夜空里
纵然人生有千般际遇
爱会引领直到天际
彩虹下的约定永不凋零
像星辰守候在夜空里
纵然人生有千般际遇
爱会引领直到天际`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://wjl136.oss-cn-beijing.aliyuncs.com/25/za/pinpuz_yslrc.js';
document.body.appendChild(sf);

sf.onload = () => {
    HCPlayer({
      papa: '#mama',
      geci: geci,
      skip: 0,
      average: 0,
      pinpu: { num: 40, color: 'linear-gradient(to right, transparent, green, lightgreen)' },
      player_css: 'left: 8%; top: 80%; --color: Gold; --len: 3px;',
      lrc_css: 'left: 55%; transform: translateX(-65%); top: 82%; --bg: linear-gradient(40deg, #fa4354, #fa4354, #7718f8, #18f5f8, #f5f818, #b75004); color: #Gold;',
      fs_css: 'left: 20px; top: 20px; --bg: transparent; --color: Orange;',
    });
};
</script></td></tr>

liumang 发表于 2025-12-27 23:01

好听好看，欣赏老师好制作
{:5_150:}{:5_150:}{:5_150:}

liumang 发表于 2025-12-27 23:08

感谢老师分享{:5_146:}{:5_146:}
页: [1]
查看完整版本: 彩虹下的约定