东篱闲人 发表于 2024-5-28 14:13

笑傲江湖

本帖最后由 东篱闲人 于 2024-5-28 14:14 编辑 <br /><br /><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_2101704">
<style>
#mydiv { margin: 0 0 0 calc(30% - 593px); width: 1400px; height: 800px; background: #333 url('https://pic.imgdb.cn/item/665573e0d9c307b7e980ef5b.jpg') no-repeat center/cover; box-shadow: 3px 3px 6px #333; user-select: none; overflow: hidden; z-index: 1; position: relative; }
.vid { position: absolute; object-fit: cover; pointer-events: none; }
.vid:nth-of-type(1) { width: 100%; height: 50%; mix-blend-mode: multiply; opacity: .3; }
.vid:nth-of-type(2) { bottom: 0; width: 100%; height: 60%; mix-blend-mode: screen; opacity: .6; }
#play { position: absolute; right: 100px; top: 20px; animation: rot 6s linear infinite var(--state); z-index: 9; cursor: pointer; }
@Keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="mydiv">
        <video class="vid" src="https://cdn.pixabay.com/video/2022/11/13/138891-770540401_large.mp4" loop muted></video>
        <video class="vid" src="https://img.tukuppt.com/video_show/7165162/00/17/65/5ecb8fa5f0765.mp4" loop muted></video>
        <imgid="play" src="https://638183.freep.cn/638183/small/dcjm.webp" width="80" height="80" alt="" />
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=5271860" autoplay loop></audio>

<script>
var vids = document.querySelectorAll('.vid');
play.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.onplaying = aud.onpause = () => mState();
var mState = () => {
        mydiv.style.setProperty('--state', ['running','paused'][+aud.paused]);
        playvid(+aud.paused);
};
var playvid = (flag) => vids.forEach(vid => flag ? vid.pause() : vid.play());
</script>
</td></tr></table>

红影 发表于 2024-5-28 16:10

这个厉害了，全是功夫高手啊{:4_199:}

红影 发表于 2024-5-28 16:33

这背景很有立体感呢，欣赏东篱大哥漂亮的制作{:4_199:}

红影 发表于 2024-5-28 16:50

很霸气的江湖争斗{:4_187:}

老谟深虑 发表于 2024-5-28 16:55

         老师制作的真好，点赞！

东篱闲人 发表于 2024-5-28 17:39

红影 发表于 2024-5-28 16:50
很霸气的江湖争斗

玩命杀，咱看热闹。。。。{:5_117:}

东篱闲人 发表于 2024-5-28 17:40

老谟深虑 发表于 2024-5-28 16:55
老师制作的真好，点赞！

老谟咋总裸着？整件大褂挡挡风寒，别冻着。。。{:5_117:}




红影 发表于 2024-5-28 23:24

东篱闲人 发表于 2024-5-28 17:39
玩命杀，咱看热闹。。。。

看热闹的不怕事大{:4_173:}

愤怒的葡萄 发表于 2024-5-29 09:36

本帖最后由 愤怒的葡萄 于 2024-5-29 11:48 编辑

《刀剑如梦》是一首经典的武侠电视剧歌曲。

东篱闲人 发表于 2024-5-29 11:09

愤怒的葡萄 发表于 2024-5-29 09:36
《刀剑如影》是一首经典的武侠电视剧歌曲。

如梦。。。
页: [1]
查看完整版本: 笑傲江湖