Адаптивное видео без фиксированной высоты

У iframe ширина становится меньше на телефоне, а старая высота остаётся. Получается вытянутый блок. Для старых браузеров пропорцию можно сохранить через внутренний отступ обёртки.

.video { position: relative; height: 0; padding-bottom: 56.25%; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

В браузерах без inset задайте top: 0 и left: 0. Значение 56.25% соответствует 9 / 16. Оберните iframe в div с классом video; не ставьте padding на сам iframe. Добавьте осмысленный title. Проверьте контейнер на ширине 320 пикселей и внутри узкой колонки.