Как встроить адаптивное видео во всю ширину страницы wordpress

Задача добавить на страницу сайта под управлением WordPress видео размещенное на одном из популярных видеохостингах так, чтобы ширина видео соответствовала бы 100% ширине страницы, независимо от размеров монитора пользователя. Казалось бы тривиальная задача, котороя должна быть по умолчанию в базовом функционале, но нет. Исправляем данный казус за 3 минуты.

Как сделать видео во всю ширину страницы?

Для начала ищем на сервере файл functions.php (обычно лежит по адресу wp-content/themes/), после чего в любом месте вставляем php-код:

После чего прописываем стили видеоконтейнера либо в файл style.css (или другой файл со стилями для вашего сайта), либо в специальный блок в шаблоне вашего сайта Custom CSS:

Теперь при использовании встроенного функционала WordPress по внедрению видео на страницу будь то IFRAME, EMBED, OBJECT или VIDEO (HTML5) нужное вам видео будет вставляться по всей ширине «резиновой» страницы.

Собственно это все, я ведь обещал, что это займет 3 минуты.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *