老谟深虑 发表于 2024-8-19 10:44

套用马黑黑老师代码《赤壁之战》

本帖最后由 老谟深虑 于 2024-8-19 10:44 编辑 <br /><br /><style>
#papa {
        margin: 30px 0 30px calc(50% - 721px);
        width: 1280px;
        height: 720px;
        background: url('https://sirius.130014.xyz/2024/08/17/e327fdd59602b7b5b8ce815350a25f03_6fa37ca7515a416c94a60a072e252a88.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;
        opacity: .45;
        mix-blend-mode: screen;
        pointer-events: none;
}
</style>

<div id="papa" class="papa">
        <audio id="aud" src="https://www.kumeiwp.com/wj/222560/2024/08/17/c856e60dcf8cd6abcf54d9c584347ef0.mp3" autoplay loop></audio>
        <video src="https://img.tukuppt.com/video_show/6181262/01/32/34/62da7f2c520c9.mp4" autoplay loop muted></video>
</div>

<script>
var geci = `赤壁之战 - 轩颜
词：梦不凡
曲：梦不凡
LRC：老谟深虑
三国神机妙算
一场赤壁之战
一曲火烧连营
后世又有几人看
东汉末年那一战
曹操前来进犯
取这天下最后一半
何人胜了才算
三国群雄斗智斗勇
个个有恃无恐
都是为了天下一统
后世几人能懂
这荆州刘备据守
那东吴孙权掣肘
千军万马尽在操手
尔等谁能防守
刘备结盟东吴
此仗必有所图
把这二人一并铲除
可叹天不灭吴
三军整装待发
传令在此驻扎
三军将士一言不发
惧这江面浪花
铁锁连舟之法
渡这千军万马
看这孙刘有何办法
胜操百万兵马
孔明献上一计
必能开天辟地
一切还得遵从天意
借我东风之力
草船借这十万只箭
此计定可实现
战场时机瞬息万变
快若惊鸿紫电
周瑜依计打黄盖
诈降曹军辕门外
孙刘早已迫不及待
诛杀曹军统帅
火烧赤壁定乾坤
绘出天下三分
三国仇怨越来越深
开始乱世之争
赤壁火烧连营
三国谁输谁赢
历史一刻也不曾停
后人怎去点评
既生瑜何生亮
多少谋臣和良将
谁为君 谁为相
一抔黄土被埋葬
赤壁之上看赤壁
后世几人去铭记
为了情也为了义
今朝何人又为帝
赤壁之上看赤壁
后世几人去铭记
为了情也为了义
今朝何人又为帝
`;

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

sf.onload = () => {
        HCPlayer({
                papa: '#papa',
                geci: geci,
                skip: 0,
                average: 0,
                pinpu: {num: 60, width: 8, height: 150, color: 'transparent'},
                player_css: 'bottom: 20px; color: #eee; --prog: white; --track: silver; --cap: snow',
                lrc_css: 'top: 20px; --bg: linear-gra**nt(#fff, #fff, #ffffff08); color: silver;',
                fs_css: '--bg: transparent; --color: snow;'
        });
};
</script>

彩云归 发表于 2024-8-19 11:05

赞！谢谢共享！

起个网名好难 发表于 2024-8-19 11:24

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif

梦江南 发表于 2024-8-19 12:06

问好老谟老师，欣赏点赞！{:4_187:}

红影 发表于 2024-8-19 19:40

这个场景很壮阔，和歌曲十分相符。
欣赏老谟老师好帖{:4_199:}

非常开心 发表于 2024-8-19 19:43

欣赏老师的经典制作

小辣椒 发表于 2024-8-19 21:39

问好老谟，这个制作很漂亮哦，优秀的作业赞的!{:4_199:}

老谟深虑 发表于 2024-8-20 18:42

彩云归 发表于 2024-8-19 11:05
赞！谢谢共享！

          谢谢老师首席欣赏鼓励！

老谟深虑 发表于 2024-8-20 18:43

起个网名好难 发表于 2024-8-19 11:24


          谢谢老师点赞鼓励，晚上好！

老谟深虑 发表于 2024-8-20 18:44

梦江南 发表于 2024-8-19 12:06
问好老谟老师，欣赏点赞！

         谢谢老师的欣赏和鼓励！

老谟深虑 发表于 2024-8-20 18:45

红影 发表于 2024-8-19 19:40
这个场景很壮阔，和歌曲十分相符。
欣赏老谟老师好帖

         谢谢老师的支持和评优鼓励！

老谟深虑 发表于 2024-8-20 18:45

非常开心 发表于 2024-8-19 19:43
欣赏老师的经典制作

            谢谢老师的欣赏，晚上好！

老谟深虑 发表于 2024-8-20 18:46

小辣椒 发表于 2024-8-19 21:39
问好老谟，这个制作很漂亮哦，优秀的作业赞的!

         谢谢老师的支持和鼓励！问好！

梦江南 发表于 2024-8-21 08:25

老谟深虑 发表于 2024-8-20 18:46
谢谢老师的支持和鼓励！问好！

问老谟老师，老师的MP3歌曲是从哪里上传的？

红影 发表于 2024-8-21 11:06

老谟深虑 发表于 2024-8-20 18:45
谢谢老师的支持和评优鼓励！

老谟老师的帖子场景很壮阔，让人看得热血沸腾{:4_187:}

老谟深虑 发表于 2024-8-21 12:20

梦江南 发表于 2024-8-21 08:25
问老谟老师，老师的MP3歌曲是从哪里上传的？

         是在酷美网盘上传的。

老谟深虑 发表于 2024-8-21 12:22

红影 发表于 2024-8-21 11:06
老谟老师的帖子场景很壮阔，让人看得热血沸腾

         谢谢你的美评，中午好！

梦江南 发表于 2024-8-21 13:29

老谟深虑 发表于 2024-8-21 12:20
是在酷美网盘上传的。

老谟老师，能给个链接地址吗？

老谟深虑 发表于 2024-8-21 18:02

本帖最后由 老谟深虑 于 2024-8-21 18:04 编辑

梦江南 发表于 2024-8-21 13:29
老谟老师，能给个链接地址吗？
         https://www.kumeiwp.com   需要注册。

红影 发表于 2024-8-21 20:47

老谟深虑 发表于 2024-8-21 12:22
谢谢你的美评，中午好！

这个制作非常成功呢{:4_187:}
页: [1]
查看完整版本: 套用马黑黑老师代码《赤壁之战》