Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта wordpress ! Сегодня вы узнаете как сделать на своём сайте всплывающее видео окно. Пользователи вашего сайта смогут просматривать видео в отдельном всплывающем окне, при нажатии на любой текст или изображение, который вы укажите. Всплывающее видео в лайтбокс окне вы сможете добавить на сайт с помощью простого шорткода. В шорткоде вам нужно только указать URL адрес видео YouTube или Vimeo и текст, при нажатии на который будет появляться видео.

 

 Всё просто, на сайте жмёте на текст в виде ссылки. (Можно изображение. В конце записи мы рассмотрим как сделать всплывающее видео при нажатии на изображение)

 

видео popup

 

 После чего появляется видео во всплывающем окне.

 

видео popup окно

 

 Установить плагин Video PopUp вы сможете прямо из админ-панели WordPress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

Video PopUp

 

 Далее, после установки и активации плагина, на странице установленных плагинов, рядом с названием плагина нажмите на вкладку – Детали. В “Деталях” плагина на вкладке “Установка” скопируйте шорткод.

 

детали плагин шорткод

 

 Далее, перейдите на страницу редактирования записи или страницы. Вставьте в содержание страницы скопированный шорткод. В шорткод вставьте URL видео и текст. В значении auto можно ничего не указывать, а можно указать No, тогда видео при открытии в всплывающем окне не будет сразу же воспроизводиться. Обновите или опубликуйте страницу.

 

шорткод запись

 

 Всё готово ! На сайте будет отображаться текст, при нажатии на который будет появляться видео.

 

 

Всплывающее видео при нажатии на изображение

 

 Смотрите, всё очень просто. Открываете для редактирования любую запись или страницу. Переходите на вкладку “Текст” в верхнем правом углу. Вставляете специальный код. В код вы добавляете URL адрес своего видео и изображения, как показано на скриншоте. Сохраняете страницу.

 

текст код видео popup

 

 Вот этот код:

 

<a class=”vp-a” href=”Здесь URL адрес видео”><img src=”Здесь URL адрес изображения” /></a>

 

 На сайте у вас будет отображаться изображение, при нажатии на которое будет появляться видео.

 

изображение видео

 

 При нажатии на изображение появляется видео во всплывающем окне.

 

всплывающее видео