Адаптивный фрейм - iframe responsive

Адаптивный IFRAME

9655
Адаптивный IFRAME
Содержание:
  1. CSS решение
  2. JS решение
В текстах сайта иногда необходимо вставить видео в фрейме (iframe), например из youtube.com и чтобы iframe имел адаптивную ширину (width) и высоту (height).

Как это сделать?

CSS решение




Видео следует добавить тег обвертку с классом: video-container



JS решение



Помогла ли вам статья?
Да Нет
345 раз уже помогла
Комментарии: (2)

Отлично работает!!!

Ответить

Отличная статья, давно искал как разместить адаптивный iframe

Ответить

КАТЕГОРИИ