如何在任何屏幕中按比例保持高度和宽度为16：9的宽高比

Question

我想在任何屏幕中按比例保持高度和宽度与16：9的宽高比。

面临的问题：

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

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

如何按16：9格式按比例保持宽度和高度？

Answer 1

找到视频宽度后，应使用16/9比例除以找到合适的高度。依靠窗户高度不会起作用。

＆＃13;

＆＃13;

var vid_w = $(window).width() - 156; //1436 - 156 = 1280
var vid_h = vid_w / (16/9); // find 16/9 ratio height

alert('Your video width would be '+vid_w+' and height '+vid_h)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

＆＃13;

＆＃13;