论坛 › 音乐沙龙 › 城市之光

马黑黑 发表于 2024-1-11 08:04

城市之光

本帖最后由 马黑黑 于 2024-1-11 08:10 编辑 <br /><br /><style>
#papa {
        margin: -60px 0 0 calc(50% - 593px);
        width:1024px;
        height: 640px;
        background: url('https://638183.freep.cn/638183/t24/jpg/iguivigl.jpg') no-repeat center/cover;
        box-shadow: inset 0 0 300px rgba(200,6,10,.15),3px 3px 12px rgba(0,0,0,.7);
        z-index: 1;
        position: relative;
        display: grid;
        place-items: center;
}
#papa video {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        clip-path: polygon(0 0, 90% 0, 90% 10%, 100% 10%, 100% 100%, 0 100%);
        mix-blend-mode: screen;
}
</style>

<div id="papa">
        <video src="https://img.tukuppt.com/video_show/2269348/00/14/92/5e67b140632a8.mp4" muted autoplay loop></video>
</div>

<script>
let sf = document.createElement('script');
sf.src = 'https://638183.freep.cn/638183/web/api/ypPlayer.min.js';
sf.charset = 'utf-8';
document.body.appendChild(sf);

sf.onload = () => {
        var player = new ypP();
        player.setAudSrc('https://music.163.com/song/media/outer/url?id=1811192308');
        player.setBtnCss(`
                width: 300px;
                bottom: 10px;
                --btnBg: url('https://638183.freep.cn/638183/t23/btn/meihua_133482968750383750.png') no-repeat center/cover;
                --trackBg: transparent;
                --progBg: rgba(250,250,250,.65);
                --btnSize: 50px;
        `);
        player.setLrcCss('top: 15px; color: rgba(250,250,250,.4); --bg: rgba(256,256,256,0.75); font-size: 2.0em;');
        player.lrcAr = [ , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ];
};
</script>

马黑黑 发表于 2024-1-11 08:05

代码分享
<style>
#papa {
        margin: 0 0 0 calc(50% - 593px);
        width:1024px;
        height: 640px;
        background: url('https://638183.freep.cn/638183/t24/jpg/iguivigl.jpg') no-repeat center/cover;
        box-shadow: inset 0 0 300px rgba(200,6,10,.15),3px 3px 12px rgba(0,0,0,.7);
        z-index: 1;
        position: relative;
        display: grid;
        place-items: center;
}
#papa video {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        clip-path: polygon(0 0, 90% 0, 90% 10%, 100% 10%, 100% 100%, 0 100%);
        mix-blend-mode: screen;
}
</style>

<div id="papa">
        <video src="https://img.tukuppt.com/video_show/2269348/00/14/92/5e67b140632a8.mp4" muted autoplay loop></video>
</div>

<script>
let sf = document.createElement('script');
sf.src = 'https://638183.freep.cn/638183/web/api/ypPlayer.min.js';
sf.charset = 'utf-8';
document.body.appendChild(sf);

sf.onload = () => {
        let player = new ypP();
        player.setAudSrc('https://music.163.com/song/media/outer/url?id=1811192308');
        player.setBtnCss(`
                width: 300px;
                bottom: 10px;
                --btnBg: url('https://638183.freep.cn/638183/t23/btn/meihua_133482968750383750.png') no-repeat center/cover;
                --trackBg: transparent;
                --progBg: rgba(250,250,250,.65);
                --btnSize: 50px;
        `);
        player.setLrcCss('top: 15px; color: rgba(250,250,250,.4); --bg: rgba(256,256,256,0.75); font-size: 2.0em;');
        player.lrcAr = [ , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ];
};
</script>

红影 发表于 2024-1-11 09:37

这束光好壮丽啊，喜欢的城市夜景。欣赏黑黑好帖{:4_199:}

红影 发表于 2024-1-11 09:38

特别喜欢李健的歌。这个翻唱男声还真带点李健的味道呢{:4_173:}

红影 发表于 2024-1-11 09:40

这首歌还没听过呢。歌词很美，如诗句一般。好听{:4_204:}

世外桃源 发表于 2024-1-11 11:51

老师好分享{:4_178:}

世外桃源 发表于 2024-1-11 11:52

漂亮的画面，城市的夜晚，烟花璀璨{:4_186:}

马黑黑 发表于 2024-1-11 12:28

世外桃源 发表于 2024-1-11 11:52
漂亮的画面，城市的夜晚，烟花璀璨

{:4_190:}

马黑黑 发表于 2024-1-11 12:28

世外桃源 发表于 2024-1-11 11:51
老师好分享

{:4_191:}

马黑黑 发表于 2024-1-11 12:28

红影 发表于 2024-1-11 09:38
特别喜欢李健的歌。这个翻唱男声还真带点李健的味道呢

有点模仿能力

马黑黑 发表于 2024-1-11 12:28

红影 发表于 2024-1-11 09:37
这束光好壮丽啊，喜欢的城市夜景。欣赏黑黑好帖

{:4_180:}

马黑黑 发表于 2024-1-11 12:29

红影 发表于 2024-1-11 09:40
这首歌还没听过呢。歌词很美，如诗句一般。好听

确实不错

冬天的雨 发表于 2024-1-11 16:39

欣赏马老师新作{:4_187:}

红影 发表于 2024-1-11 20:07

马黑黑 发表于 2024-1-11 12:28
有点模仿能力

是啊，唱得还挺像的呢。

红影 发表于 2024-1-11 20:12

马黑黑 发表于 2024-1-11 12:28


{:4_187:}

红影 发表于 2024-1-11 20:13

马黑黑 发表于 2024-1-11 12:29
确实不错

有时候看着音画听歌比单纯听歌更觉得好听，让歌曲有了可触摸的情绪。

马黑黑 发表于 2024-1-11 20:53

红影 发表于 2024-1-11 20:13
有时候看着音画听歌比单纯听歌更觉得好听，让歌曲有了可触摸的情绪。

你这话说得好

马黑黑 发表于 2024-1-11 20:53

红影 发表于 2024-1-11 20:12


谢花

马黑黑 发表于 2024-1-11 20:55

红影 发表于 2024-1-11 20:07
是啊，唱得还挺像的呢。

俺这人缺的就是模仿力

红影 发表于 2024-1-11 22:36

马黑黑 发表于 2024-1-11 20:53
你这话说得好

我就是这样的感受呢{:4_204:}

查看完整版本: 城市之光