视频自适应 100%

2025-08-13 14:11:06 浏览：218 作者：保利尼奥

.swiper-slide-video { position: relative; padding-bottom: 48.9583%; } .swiper-slide-video video { position: absolute;...

<div class="swiper-slide swiper-slide-video swiper-slide-video1">
  <video src="//wm.cdn.cn86.cn/kaximu/2025/06/2342b44bbfdwct3v.mp4" autoplay muted loop></video>
</div>


.swiper-slide-video {
    position: relative;
    padding-bottom: 48.9583%;
}

.swiper-slide-video video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

上一篇：css 图片变色

下一篇：字体字体包字体引入