论坛 › 欢乐水吧 › 大约在冬季 （学习黑黑 问情 插件效果）

小辣椒 发表于 2023-12-24 12:45

大约在冬季 （学习黑黑 问情 插件效果）

<style>
#papa { margin: 150px 0 0 calc(50% - 881px); width: 1600px; height: 838px; box-shadow: 3px 3px 20px #000; background: url('https://xlaj.cn/assets/file/zp/20231224121554.jpg ') no-repeat center/cover; position: relative; display: grid; place-items: center; overflow: hidden; z-index: 1; }
#papa video { position: absolute; width: 100%; height: 120%; top: -100px; opacity: .35; object-fit: cover; pointer-events: none; mix-blend-mode: screen; }
#dt1{ position: absolute; width: 50px; height: 70px; top: 250px; left: 250px;opacity: 1; z-index: 3; }
#dt2{ position: absolute; width: 120px; height: 106px; top: 40px; left: 520px; opacity: 1; z-index: 3; }
</style>

<div id="papa">

<img id="dt1" src="https://wj.zp68.com/lxx/yunhua/2023/11/bu/02/hd.gif" alt="" />
<img id="dt2" src="https://xlaj.cn/assets/file/zp/20231224121432.gif " alt="" />

        <video id="vid" src="https://img.tukuppt.com/video_show/25193134/00/41/24/600fa8b3d4620.mp4" autoplay loop muted></video>
</div>

<script>
(function() {

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://wj.zp68.com/lxx/yunhua/2022/05/19/dayzdj.mp3 ');
        player.setBtnCss(`
                width: 300px;
                              left: 1050px;
                bottom: 40px;
                --btnBg: url('https://xlaj.cn/assets/file/zp/20231224121513.png') no-repeat center/cover;
                --trackBg: transparent;
                --progBg: #c5e0fa;
                --btnSize: 50px;
        `);
        player.setLrcCss('top: 180px;left: 600px; color: #f9fafc; font:normal 2.2em 微软雅黑; --bg: #e2e3e7;');
        player.lrcAr = [
                ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ];

};

})();
</script>

小辣椒 发表于 2023-12-24 12:46

谢谢黑黑的源码分享，学习做一个@马黑黑

小辣椒 发表于 2023-12-24 12:47

旧图放大了一点，不做图我可以速度快一点

小辣椒 发表于 2023-12-24 12:48

现在手机上去看看，怕视频看不见

小辣椒 发表于 2023-12-24 12:51

视频手机点击打开音乐出来可以看见的@冬天的雨 冬雨你直接打开看看有没有下雪视频

红影 发表于 2023-12-24 14:28

亲爱的身体还没好透就开始做帖啊，别太辛苦啊{:4_179:}

红影 发表于 2023-12-24 14:29

这个制作很漂亮，也很应景。欣赏亲爱的好帖{:4_199:}

梦油 发表于 2023-12-24 15:44

飞行的大雁做得很漂亮，还有那小蝴蝶。

马黑黑 发表于 2023-12-24 15:44

小辣椒 发表于 2023-12-24 12:46
谢谢黑黑的源码分享，学习做一个@马黑黑

{:4_190:}

马黑黑 发表于 2023-12-24 15:45

冰雪主题，漂漂亮亮

小辣椒 发表于 2023-12-24 20:01

红影 发表于 2023-12-24 14:28
亲爱的身体还没好透就开始做帖啊，别太辛苦啊

亲爱的，我忍不住又手机上来了{:4_173:}

小辣椒 发表于 2023-12-24 20:02

红影 发表于 2023-12-24 14:29
这个制作很漂亮，也很应景。欣赏亲爱的好帖

现在能够做出来很好了，都许多不会，忘记了

小辣椒 发表于 2023-12-24 20:03

梦油 发表于 2023-12-24 15:44
飞行的大雁做得很漂亮，还有那小蝴蝶。

谢谢梦油欣赏，小辣椒好久不玩，现在生疏了，许多不会了

小辣椒 发表于 2023-12-24 20:03

马黑黑 发表于 2023-12-24 15:45
冰雪主题，漂漂亮亮

求速度的{:4_170:}

醉美水芙蓉 发表于 2023-12-24 20:05

亦是金 发表于 2023-12-24 20:09

欣赏小辣椒精美帖子，红影说得好，目前少做帖为妙，不要太辛苦，来日方长！{:4_187:}

马黑黑 发表于 2023-12-24 20:12

小辣椒 发表于 2023-12-24 20:03
求速度的

比深圳速度快就好

上海朝阳 发表于 2023-12-24 20:27

给小辣椒鼓掌！

红影 发表于 2023-12-24 20:43

小辣椒 发表于 2023-12-24 20:01
亲爱的，我忍不住又手机上来了

手机更要少看点，那东西太伤眼睛了{:4_185:}

红影 发表于 2023-12-24 20:44

小辣椒 发表于 2023-12-24 20:02
现在能够做出来很好了，都许多不会，忘记了

没事，你基础好，随便看看就又都想起来了啊{:4_187:}

查看完整版本: 大约在冬季 （学习黑黑 问情 插件效果）