Задавайте вопросы по курсам WordPress

Как сделать адаптивное видео для YouTube в WordPress без плагинов

Статья появилась по двум причинам, хороших плагинов для реализации адаптивных видео из YouTube я не нашел, а еще так как это сработало для меня я решил поделиться этим опытом с вам.

По сути, разрабатывая очередной сайт для клиента, он решил вставить в статью видео из YouTube. Плагин которым раньше пользовались, был удален по непонятным причинам из репозитория и я начал искать решения и думать, как этот вопрос решить.

Для того чтобы видео стало адаптивным в интернете есть куча примеров когда его заворачивают в отдельный тег DIV и добавляют к нему стили, а в WordPress по умолчанию такого тега нету, поэтому первое что нужно сделать это добавить хук который будет работать с контентной частью и заворачивать например фрейм в нужный тег.

Пример хука для адаптивного видео в YouTube

После создания хука и размещения его в файл functions.php или в свой плагин, вы можете перейти к подключению стилей к своей теме или плагину. Ниже я приведу пример таких стилей.

Пример стилей для адаптивного вывода YouTube

Мне этот код очень помог и надеюсь, поможет кому-то еще. Если вам помог, буду рад вашим комментариям  с благодарностью и опишите ваш случай. Возможно ваш случай поможет развить эту статью. Ваши комментарии будут подталкивать меня писать еще полезные материалы.


Купить хостинг WordPress

Николаенко Максим

Директор веб-студии ProGrafika. Занимаюсь разработкой, дизайном и продвижением веб-сайтов. Всегда рад новым читателям блога и хорошим клиентам.


Читайте также:

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Шаблоны для WordPress
Самый лучший хостинг в Украине
Стабильный хостинг для Drupal