Hover Video Preview, видео превью подсказки при наведении на любой элемент

 Продолжаем разбирать самые интересные и полезные плагины для сайта wordpress. Сегодня вы узнаете как очень просто создавать видео превью подсказки при наведении на любой элемент. Как это выглядит ? Вы вставляете в запись или на страницу специальный шорткод, между шорткодом вставляете любой элемент, текст, изображение и т.д. На сайте при наведении курсора мыши на изображение или текст, будет появляться видео подсказка. То есть над элементом будет появляться видео и автоматически воспроизводиться.

 

видео-превью

 

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

 

плагин wordpress

 

 После установки и активации плагина, перейдите на страницу: НастройкиHover Video Preview. Плагин не имеет настроек, здесь вам нужно только скопировать шорткод. Скопируйте шорткод.

 

настройки шорткод

 

 Далее, откройте для редактирования страницу или запись и вставьте туда скопированный шорткод. Шорткод состоит из двух шорткодов, большого и не большого. Между шорткодами стоит содержание по умолчанию, удалите его и вставьте своё содержание, изображение или текст. Шорткод для удобства нужно разделить на две части, чтобы они располагались в разных строках. В большом шорткоде вы можете указать ID своего видео с ютуба, которое будет проигрываться в видео подсказке при наведении.

 

шорткод видео превью

 

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

 


Оцените статью