모든 화면에서 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>