Вставка iframe в YouTube с высотой vh и шириной адаптивного соотношения сторон [дубликат] ⇐ CSS

[Anonymous]

Я хочу, чтобы мое встроенное видео занимало определенную часть высоты экрана, но сохраняло исходное соотношение сторон по ширине.
В настоящее время у меня есть style="height: 40vh" и кажется, что высота правильная, но видео сжимается в квадрат вместо 16:9, и никакие стили или классы ширины, которые я добавляю, похоже, не влияют на это. Он находится внутри таблицы с Nowrap, а содержимое над ним шире, чем видео в данный момент. Вот текущий код:


https://www.youtube.com/embed/xxxxxxxxx ... oop=1&hd=1


и CSS:
.container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}


Подробнее здесь: https://stackoverflow.com/questions/786 ... atio-width