Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта wordpress ! Сегодня вы узнаете как сделать на своём сайте всплывающее видео окно. Пользователи вашего сайта смогут просматривать видео в отдельном всплывающем окне, при нажатии на любой текст или изображение, который вы укажите. Всплывающее видео в лайтбокс окне вы сможете добавить на сайт с помощью простого шорткода. В шорткоде вам нужно только указать URL адрес видео YouTube или Vimeo и текст, при нажатии на который будет появляться видео.
Всё просто, на сайте жмёте на текст в виде ссылки. (Можно изображение. В конце записи мы рассмотрим как сделать всплывающее видео при нажатии на изображение)
После чего появляется видео во всплывающем окне.
Установить плагин Video PopUp вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, на странице установленных плагинов, рядом с названием плагина нажмите на вкладку — Детали. В «Деталях» плагина на вкладке «Установка» скопируйте шорткод.
Далее, перейдите на страницу редактирования записи или страницы. Вставьте в содержание страницы скопированный шорткод. В шорткод вставьте URL видео и текст. В значении auto можно ничего не указывать, а можно указать No, тогда видео при открытии в всплывающем окне не будет сразу же воспроизводиться. Обновите или опубликуйте страницу.
Всё готово ! На сайте будет отображаться текст, при нажатии на который будет появляться видео.
Всплывающее видео при нажатии на изображение
Смотрите, всё очень просто. Открываете для редактирования любую запись или страницу. Переходите на вкладку «Текст» в верхнем правом углу. Вставляете специальный код. В код вы добавляете URL адрес своего видео и изображения, как показано на скриншоте. Сохраняете страницу.
<a class=»vp-a» href=»Здесь URL адрес видео»><img src=»Здесь URL адрес изображения» /></a>
На сайте у вас будет отображаться изображение, при нажатии на которое будет появляться видео.
При нажатии на изображение появляется видео во всплывающем окне.
Остались вопросы ? Напиши комментарий ! Удачи !