本帖最后由 花简静 于 2024-12-22 21:52 编辑
<style>
#mydiv {
margin: 130px 0 30px calc(50% - 931px);
width: 1700px;
height: 900px;
display: grid;
place-items: center;
background: lightblue url('https://642303.freep.cn/642303/tu/20241121huigui.webp') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
user-select: none;
overflow: hidden;
position: relative;
z-index: 1;
}
#vid {
position: absolute;
width: 100%;
height: 100%;
opacity: .99;
object-fit: cover;
mix-blend-mode: soft-light;
-webkit-mask: linear-gradient(to left top, red 5%, transparent 85%, transparent);
}
</style>
<div id="mydiv">
<video id="vid" src="https://bpic.588ku.com/video_listen/588ku_preview/19/03/25/15/10/17/video5c987ed9e369e.mp4" autoplay="" loop="" muted=""></video>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=41659405" autoplay="" loop=""></audio>
| 
