Javascript 如何在任何屏幕上保持高度和宽度与16:9纵横比成比例

我想在任何屏幕上保持高度和宽度与16:9纵横比成比例

我面临的问题是：

我有一个视频在我的网站上，我遵循16:9的纵横比格式。为此，我使用宽度为1280，高度为720。根据屏幕高度和屏幕宽度计算

在我的机器里，它显示得很好。但是，当我在我朋友的机器上看到时，它没有正确显示。当我调试时发现，宽度应用为1280，高度应用为670（因为书签工具栏已启用）。由于上述高度变化，视频显示不正确

---

如何按照16:9格式保持宽度和高度成比例

找到视频宽度后，应使用除以16/9的比率来找到合适的高度。依靠窗户的高度是行不通的

var vid_w=$（窗口）.width（）-156//1436 - 156 = 1280
var vid_h=vid_w/（16/9）；/找到16/9的高度比
警报（'您的视频宽度将为'+vid_w+'和高度'+vid_h）

---

你能给我们看一下你试过的代码吗？这对你几乎没有帮助。Sorryvar vid_w=$（window.width（）-156，//1436-156=1280 vid_h=$（window.height（）-85，//805-85=720即使我喜欢上面的内容，我也会面临同样的问题。因为，vid_h也返回720px。但是，实际的窗户高度是680+那么你需要做一个测试，并反转逻辑。首先获取视频的高度，然后使用16/9查找宽度；）妈的，我怎么会错过这个简单的逻辑。非常感谢你的帮助。。！