将视频嵌入大小设置为特定视口高度,同时保持纵横比

时间:2015-12-01 13:59:40

标签: css3 video embed viewport viewport-units

有很多解决方案来响应嵌入视频,但我找不到按视口高度设置视频嵌入大小的解决方案。

我的页面上有三个元素:标题,Youtube嵌入和页脚。页眉和页脚设置为静态"高度:15vh;"我需要将Youtube嵌入70vh,宽度保持16:9的宽高比而不会溢出。

要重新迭代,我不是在寻找任何按其宽度设置嵌入大小的解决方案(例如padding-bottom:56.25%方法)。

有什么想法吗?

谢谢!

[编辑:这不是一个重复的问题。在另一个问题中提供的解决方案是指100%宽度,而我正在寻找宽度以与指定的视口垂直高度(70vh)的比例调整大小。]

0 个答案:

没有答案