任意の画面で16：9のアスペクト比に比例して高さと幅を維持する方法

Question

任意の画面で16：9のアスペクト比に比例して高さと幅を維持する必要があります。

直面しています問題：9のアスペクト比形式：

私は私のウェブサイトでビデオを持って、私は16を次のようしています。そのためには幅を1280、高さを720とします。画面の高さと画面の幅に応じて計算します。

私のマシンでは正しく表示されています。しかし、私は友人のマシンでそれを見たときに正しく表示されません。デバッグすると幅が1280、高さが670（ブックマークツールバーが有効なので）に適用されています。上記の高さ変動のため、ビデオは正しく表示されません。

16：9形式のように幅と高さを比例して維持する方法はありますか？

Answer 1

ビデオの幅を見つけたら、適切な高さを見つけるために16/9の比率で割ります。窓の高さに頼っても動かない。

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)

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