有大量的响应式嵌入视频的解决方案,但我无法找到一个通过视口高度设置视频嵌入大小的解决方案。
我的页面上有三个元素:页眉、Youtube 嵌入和页脚。页眉和页脚设置为静态“高度:15vh;” 我需要我的 Youtube 嵌入为 70vh,并且宽度要保持 16:9 的纵横比而不会溢出。
重申一下,我不是在寻找任何通过宽度设置嵌入大小的解决方案(例如 padding-bottom: 56.25% 方法)。
有什么想法吗?
谢谢!
[编辑:这不是一个重复的问题。另一个问题中提供的解决方案是指 100% 宽度,而我正在寻找与指定的视口垂直高度 (70vh) 的比例来调整大小的宽度。]