朵拉 发表于 2024-8-17 21:34

美人鱼（马黑黑原创）

<style>
#papa {
        margin: 130px 0 30px calc(50% - 721px);
        width: 1280px;
        height: 720px;
        background: url('https://pic.imgdb.cn/item/66beb03bd9c307b7e92119c4.jpg') no-repeat center/cover;
        box-shadow: 0 0 8px gray;
        overflow: hidden;
        z-index: 1;
        display: grid;
        place-items: center;
        position: relative;
}
#papa > video {
        position: absolute;
        width: 100%;
        height: calc(100% + 200px);
        object-fit: cover;
        mix-blend-mode: screen;
        pointer-events: none;
}
</style>

<div id="papa" class="papa">
        <audio id="aud" src="https://www.kumeiwp.com/wj/196429/2024/02/04/61545e2fed634617efee9cbc4e2b2561.mp3" autoplay="" loop=""></audio>
       
        <video src="https://img.tukuppt.com/video_show/13928806/00/41/74/60138b832ed1d.mp4" autoplay loop muted></video>
</div>

<script>
var geci = `作词：简胜，林秋离 作曲：林俊杰\n演唱：林俊杰\n朵拉制作\n我在沙滩划个圆圈\n属于我俩安逸世界\n不用和别人连线\n我不管你来自深渊\n也不在乎身上鳞片\n爱情能超越一切\n只要你在我身边\n所有蜚语流言 完全视而不见\n请不要匆匆一面\n一转身就沉入海平线\n美人鱼\n传说中你为爱甘心被搁浅\n我也可以为你 潜入海里面\n怎么忍心断绝\n忘记我不变的誓言\n我眼泪断了线\n现实里有了我对你的眷恋\n我愿意化作雕像 等你出现\n再见再也不见\n心碎了飘荡在海边\n你抬头就看见\n美人鱼\n我在沙滩划个圆圈\n属于我俩安逸世界\n不用和别人连线\n我不管你来自深渊\n也不在乎身上鳞片\n爱情能超越一切\n只要你在我身边\n所有蜚语流言完全视而不见\n请不要匆匆一面\n一转身就沉入海平线\n美人鱼\n传说中你为爱甘心被搁浅\n我也可以为你潜入海里面\n怎么忍心断绝\n忘记我不变的誓言\n我眼泪断了线\n现实里有了我对你的眷恋\n我愿意化作雕像等你出现\n再见再也不见\n心碎了飘荡在海边\n你抬头就看见\n美人鱼\n传说中你为爱甘心被搁浅\n我也可以为你潜入海里面\n怎么忍心断绝\n忘记我不变的誓言\n我眼泪断了线\n现实里有了我对你的眷恋\n我愿意化作雕像等你出现\n再见再也不见\n心碎了飘荡在海边\n你抬头就看见\n朵拉制作\n你你抬头就看见\n你你抬头就看见\n`;

var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/line_yslrc.js';
document.body.appendChild(sf);

sf.onload = () => {
        HCPlayer({
                papa: '#papa',
                geci: geci,
                skip: 0.5,
                average: 0,
                lrc_css: 'top: 20px; --bg: linear-gradient(#ffffffaa, #491981e9); color: silver;',
                player_css: 'width: 460px; bottom: 20px; color: white; --prog: white; --track: gray; --bg: url("https://638183.freep.cn/638183/t23/btn/meihua_133482968750383750.png") no-repeat center/cover',
                fs_css: '--bg: transparent; --color: snow;'
        });
};
</script>

朵拉 发表于 2024-8-17 21:35

@马黑黑
老师 晚上好，学生交作业，请指正哈{:4_190:}

红影 发表于 2024-8-17 21:54

制作漂亮，欣赏朵宝好帖{:4_187:}

马黑黑 发表于 2024-8-17 23:00

{:4_199:}

小九 发表于 2024-8-18 07:54

这条美人鱼真好看{:4_187:}

梦江南 发表于 2024-8-18 08:15

欣赏老师美帖！{:4_199:}

梦油 发表于 2024-8-18 09:38

美人鱼真美。
页: [1]
查看完整版本: 美人鱼（马黑黑原创）