花飞飞 发表于 2025-4-22 22:03

【黑师代码】永不加密的春天（学习黑师20250422《辉月》双视频效果）

<style>
        @import 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.css';
        #papa { left: calc(50% - 81px); transform: translateX(-50%); width: clamp(600px, 90vw, 1700px); height: auto; aspect-ratio: 17/9; background: #000 url('https://642303.freep.cn/642303/tu/20250422ybjmdct01.webp') no-repeat center/cover; }
        #mplayer { bottom: 20px; --track: #216400;--prog: #e5f4c5; }
        #fsbtn { top: 30px; color: #216400; border: 2px solid #216400;}
        .vid {
    position: absolute;
    width: 100%;
    height: 110%;
    top:-80px;
    mix-blend-mode: screen;
    z-index: 2;
    opacity: .21;
}
        .pvid {width: 38%;height: 38%;left:58%;top:15%;-webkit-mask: radial-gradient(circle,   cyan, cyan,rgba(0,0,0,.35),transparent, transparent, transparent, transparent);}
</style>

<div id="papa" class="pa">
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=17304501" autoplay loop></audio>
        <video class="vid" src="https://video.699pic.com/videos/02/26/22/a_mThPdt29fy2m1561022622.mp4" autoplay loop muted></video>
        <video class="vid pvid" src="https://video.699pic.com/videos/48/48/46/b_0brUxUqAtuzY1557484846_10s.mp4" autoplay loop muted></video>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.js';
        hcplay(papa);
</script>

花飞飞 发表于 2025-4-22 22:05

@马黑黑 今天的双视频效果特别好用。。。作业跟上一个

红影 发表于 2025-4-22 22:53

飞飞真快啊，这画面真美，视频的选用更是漂亮。
欣赏飞飞好帖{:4_199:}

红影 发表于 2025-4-22 22:55

恰当的视频选用，真的可以提升帖子的美感呢，在这个帖子里体现得很绝妙{:4_187:}

马黑黑 发表于 2025-4-22 22:56

花飞飞 发表于 2025-4-22 22:05
@马黑黑 今天的双视频效果特别好用。。。作业跟上一个

{:4_199:}

马黑黑 发表于 2025-4-22 22:57

花飞飞 发表于 2025-4-22 22:05
@马黑黑 今天的双视频效果特别好用。。。作业跟上一个

视频有多少个都可以叠加，通过相应的处理即可。其它标签同理。
页: [1]
查看完整版本: 【黑师代码】永不加密的春天（学习黑师20250422《辉月》双视频效果）