gpt4 book ai didi

CSS - 具有最大高度 100% 窗口的流体宽度视频

转载 作者:行者123 更新时间:2023-12-05 02:21:17 25 4
gpt4 key购买 nike

<分区>

我正在寻找一种嵌入响应式视频 (iframe) 的 CSS 方式,以便其高度始终为窗口的 100%,并且宽度会根据允许的比例进行调整。我在这件事上所能找到的只是相反的情况(this technique 的变体)。

理想情况下应该是这样

.videoContainer {
height: 100%;
width: auto;
max-width: 90%; // Bonus : I need the video not to be 100% width
display: inline-block;
position: relative;
}

.videoContainer::after {
padding-top: 56.25%;
display: block;
content: '';
}

.videoContainer>iframe{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

我什至不确定这是否可能。最好不要JS。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com