Адаптивное видео шириной 100%

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

HTML:

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

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

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

Пример:

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

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

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