将Vimeo视频嵌入全宽-Java 学习之路

我在我的网站上嵌入了一个vimeo视频，如下所示：

<div class="fys-fp-content-wrapper">
<div id="fys-fp-video">
</div>
</div>

#fys-fp-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 600px;
}
#fys-fp-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
}

Vimeo iFrame加载到＃fys-fp-video中 .

然而，原始视频的宽度仅为640像素 . 我希望始终以100％的宽度显示视频，无论视频是否是因为600px高度，但重要的是它显示为全宽 .

有人暗示我怎么能做到这一点？谢谢！

1 回答

我认为你要找的是 vw （视口宽度） . width:100% 表示父级的100％宽度 . width:100vw 表示100％的屏幕 . 我建议你这样做：

#fys-fp-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 600px;
}
#fys-fp-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 600px;
}

回复于 2024-04-26T11:30:01+08:00

将Vimeo视频嵌入全宽

1 回答

相关问题