我最初做的是一系列针对移动设备，平板电脑的不同媒体查询...横向显示下面带有视频的标题和下面的按钮。我应该得到所有这三个变量（标题，视频，按钮），无论屏幕尺寸如何，包括桌面垂直。除了垂直桌面部分，这是完美的。事实上，我被要求使其变得动态而不是使用媒体查询。
因此需要保持纵横比......具有最大高度和最大值。 max-width设置为当前桌面大小。然后具有实际视频高度=视口高度 - （标题高度） - （下一个按钮栏高度）。我知道这需要一些javascript / jquery，任何帮助将不胜感激。谢谢！
我已经设置了以下内容：
标头ID = pageHeader
video id = pageVideo
button id = pageButton