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

Для начало нам нужно загрузить и активировать плагин скачать плагин можно здесь после идем в боковую панель WordPress и переходим в панель «Настройки» и нажимаем на «Медиафайлы» где нам предоставляются новые настройки. Так как мы делаем «видео» то в первом столбике мы нажимаем на галочку «YouTube» а остальные чек боксы мы оставляем пустыми.

Затем мы спускаемся в самый низ и настраиваем поля а точнее ширину высоту и толщину рамки, для начало мы установили 1020px на 625px а рамку делаем 3px и сохраняем наши настройки.

Теперь нужно нам установить картинку (превью) в статью на которую посетитель будет кликать что бы появилось видео. Я сделал картинку с размером 500 на 282px и загрузил ее на WordPress.

Затем нам нужно перейти на YouTube и взять ссылку на видео, но копировать ссылку нужно не с адресной строки а через HTML-код и только от кавычки до кавычки.

После переходим снова в админ блога медиафайлы (куда мы загружали картинку) и вставляем нашу ссылку снизу с правой стороны (1) и так же настраиваем вид нашей картинки (2) и сохраняем.

В итоге в нашей статье появилась картинка мы ее устанавливаем по центру после чего переходим в режим «текст» и в самом начале нашей ссылки на виде вставляем этот фрагмент кода

<a class="fancybox-youtube"

В общем у вас должно получится вот так

<a class="fancybox-youtube" href="https://www.youtube.com/ваше видео">
<img class="aligncenter size-full wp-image-1903" 
src="//maxim-zelentsov.ru/wp-content/uploads/2016/11/ваша картинка.png" 
alt="Как поменять логин и пароль для входа в админ панель сайта" width="540" 
height="303"/></a>

Все это сохраняете и идете проверять, в принципе на этом можно закончить но если в вашем видео есть черный боковые поля это значит нам нужно изменить размеры видео, и для этого вы подводите курсор мышки к самому углу видео (любой угол) и нажимаете правой кнопкой мыши после чего должно появится белое панель с действиями, и нажимаете на строчку «Просмотреть код»

Где снизу появляется панель с программным кодом если панель у вас с боку находится то сверху вы увидите три точки нажмите на них и выберете позицию панели.

Далее нам нужно найти строчку которая отвечает за размеры видео, выглядит она примерно так.

С правой стороны находится этот же код только уже в столбик (CSS) и теперь в строчке «height» нужно изменить ширину, просто подставляете свои значение и видео начнет изменятся.

Затем после всех действий как вы настроили виде идете снова в «Настройки» переходите в «Медиафайлы» и в самом низу изменяете значения.

 Смотрим видео