css

当前位置:首页 > 前端 > css

视频 自适应 100%

.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;
}


相关内容

文章评论

表情

共 0 条评论,查看全部
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~