CSS-трюк для адаптивного iframe

Суть в том, что теперь не нужно извращаться с обёртками и padding-top для сохранения пропорций.

Достаточно прописать

iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}

Что это даёт

До : высота iframe не меняется при изменении ширины, и видео обрезается или остаются пустые полосы

После : высота динамически подстраивается под заданное соотношение сторон при изменении ширины контейнера

aspect-ratio работает во всех современных браузерах и упрощает верстку адаптивных видео, картинок, карт и любых встраиваемых блоков.

@WebDev_Plus