Как сделать так чтобы видео было меньшего размера, но при этом сохранялись его пропорции?

Question

[Валихан Ильясов]

Размер видео 700x1000. Размеры искажаются, когда использую тег , он растягивает видео по ширине плеера и центрирует видео внутри плеера. Как сделать так чтобы видео было меньшего размера, но при этом сохранялось пропорция ?

Answer 1

[xmoonlight]

Запустите в html-файле и узрите магию пропорции:

<style>
*{margin:0;padding:0;}
iframe {border:0}
.iframebox {
    width: 100vw;
    height: 70vw;
}
@media screen and (min-aspect-ratio: 10/7) {
	.iframebox {
		width: 142.8571428571429vh;
		height: 100vh;
	}
}
</style>
<iframe class="iframebox" src="http://www.youtube.com/embed/9G-eLuTuwqc"></iframe>