Для того чтобы видео, которое вставляется фреймом, например с YouTube, подстраивалось под размер родителя (имело ширину 100%) используем следующее:

HTML:

Пусть вас не смущает ширина и высота фрейма, которую выдает YouTube при экспорте, их заменит наш стиль

CSS для формата 16:9:

CSS для формата 4:3:

Пример:

Смотрите также:

Три варианта фильтров на SVG для создания рамок для фотографий

Оформление блок-секции из четырех фотографий на CSS

Различные варианты ссылок на картинки видеороликов из YouTube в форматах JPG и WEBP

Добавить комментарий:

Ваш комментарий отправлен!