白鸽与乌鸦(马黑黑原创)
<style>#mama {
margin: 130px 0 30px calc(50% - 721px);
width: 1280px;
height: 720px;
background: url('https://pic.imgdb.cn/item/66d5d5b8d9c307b7e94d9c3b.jpg') no-repeat center/cover;
box-shadow: 0 0 8px gray;
overflow: hidden;
z-index: 1;
position: relative;
}
#mama > video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: color-burn;
-webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
pointer-events: none;
}
</style>
<div id="mama" class="mama">
<audio src="https://music.163.com/song/media/outer/url?id=2620800600" autoplay loop></audio>
<video src="https://video.shipin520.com/video_listen/588ku_preview/21/07/19/17/48/55/video60f54a8727f38.mp4" autoplay loop muted></video>
</div>
<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/oscpp_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0,
average: 0,
pinpu: {num: 100, size: 1, gap: 1, color1: 'orange', color2: 'plum'},
player_css: `
left: 50%;
transform: translateX(-50%);
bottom: 20px;
color: white;
--hh: 100px;
--discBg: url('https://wyc520.com.cn/static/image/common/20230616%20(10).gif') center/cover;
`,
lrc_css: 'left: 50%; transform: translateX(-50%); top: 20px; --bg: linear-gradient(orange, plum); color: #ccc;',
fs_css: 'right: 20px; top: 20px; --bg: transparent; --color: snow;',
});
};
var geci = `
白鸽乌鸦相爱的戏码,
只会出现在童话。
忙音嘀嗒你挂断了电话,
雨水滴答像在看我笑话,
故事分岔你把我丢下,
故作优雅我假装放下,
愿你可以遇见更好的他,
就像浪花吻不到晚霞,
我已经无力挣扎,
从前我们彼此偏爱啊,
后来只剩下偏差,
就像野花触不到月牙,
只能被晚风折下,
白鸽乌鸦相爱的戏码,
只会出现在童话。
就像浪花吻不到晚霞,
我已经无力挣扎,
从前我们彼此偏爱啊,
后来只剩下偏差,
就像野花触不到月牙,
只能被晚风折下,
只会出现在童话。
`;
</script> @马黑黑
老师 晚上好,学生交作业,请指正哈{:4_190:} {:4_199:} 谢谢分享! 白鸽与乌鸦一黑一白对比强烈{:4_189:} 欣赏老师音画佳作。{:4_199:} 小朵拉的图图好看{:4_199:} 歌曲好听{:4_199:} 感谢分享
页:
[1]