Существует множество статей, в которых обсуждается умный способ сделать видео (например, youtube) доставленным через iframe (например, как описано здесь) https://blog.theodo.fr/2018/01/responsive-iframes-css-trick/). В конечном итоге вы заключаете свой iframe в относительный контейнер с верхний отступ равен соотношению сторон (высота / ширина * 100)% видео.
Это прекрасно работает, когда ваше соотношение сторон содержимого iframe статично, но есть ли умный способ добиться этого исключительно с помощью CSS, если ваше содержимое iframe также отзывчиво?
Например, допустим, что содержимое вашего iframe содержит сетку начальной загрузки блоков (col-xs-12 col-md-3), и вы присваиваете iframe ширину 100%, чтобы она реагировала на изменение размеров родительского окна по вертикали. Когда вы уменьшаете размер родительского элемента, в момент, когда включается col-xs-12, соотношение сторон изменилось, и вы, вероятно, увидите вертикальную полосу прокрутки для iframe из-за изменения высоты.
Я думаю, что единственный способ добиться отзывчивости в этом случае - через javascript (вызовы postMessage).
У кого-нибудь есть мысли?