видео превью подсказка

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

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

 

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

 

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

 

плагин wordpress

 

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

 

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

 

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

 

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

 

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

 

   
 
Auctions WooCommerce аукцион на сайте плагин WordPress
 Привет ! Я продолжаю разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как сделать на своём сайте или интернет-магазине аукцион. Вы сможете указать дату начала и дату конца аукциона ...
Читать далее
/ WooCommerce
Рекомендую смотреть фильм Я много мечтаю
 Привет ! Я продолжаю рекомендовать вам смотреть Лучшие фильмы, которые я сам уже смотрел. Сегодня я рекомендую вам смотреть фильм Я много мечтаю ! Мой отзыв о фильме и краткий обзор Читайте далее !!! Очень ...
Читать далее
Стандартная клавиатура PS2 Windows 10
 Привет ! Мы продолжаем разбирать операционную систему Windows 10 ! Сегодня вы узнаете как настроить параметры устройства стандартной клавиатуры PS2 на компьютере Windows 10. Вы сможете узнать состояние устройства. Вы сможете обновить драйвер устройства. Вы ...
Читать далее
/ Windows 10
Быстрая индексация сайта в Яндексе
 Привет ! Сегодня вы узнаете как ускорить индексацию сайта в Яндексе ! Вы сможете проиндексировать определённые URL адреса вашего сайта в приоритетном порядке. Поисковая система Яндекс индексирует каждый сайт примерно раз в две недели. Но, вы ...
Читать далее
Рекомендую смотреть фильм Пассажиры
 Привет ! Я продолжаю рекомендовать вам смотреть Лучшие фильмы, которые я сам уже смотрел ! Сегодня я рекомендую вам смотреть фильм Пассажиры. Мой отзыв о фильме и краткий обзор Читайте Далее !!! Моё мнение, фильм ...
Читать далее
Сбербанк бизнес оборот рефинансирование кредитов
 Привет ! Сегодня вы узнаете как взять кредит в Сбербанке на рефинансирование задолженности перед другими банками и для поддержки своего бизнеса. Вы сможете взять кредит, чтобы: приобрести сырье и полуфабрикаты для производства; пополнить товарные запасы; ...
Читать далее
Рекомендую смотреть фильм Жестокие мечты
 Привет ! Я продолжаю рекомендовать вам смотреть лучшие фильмы, которые я сам уже посмотрел. Сегодня я рекомендую вам смотреть фильм Жестокие мечты. Мой отзыв о фильме и краткий обзор Читайте далее !!! Молодой паренёк живёт ...
Читать далее
Карусель записи товары видео фото плагин WordPress
 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как добавить на свой сайт Стильный слайдер-карусель записей, товаров, видео и изображений. Вы сможете настроить внешний вид ...
Читать далее
/ WooCommerce
Аудио Intel для дисплеев Windows 10
 Привет ! Мы продолжаем разбирать операционную систему Windows 10 ! Сегодня вы узнаете как настроить параметры устройства аудио Intel для дисплеев на компьютере Windows 10. Вы сможете узнать состояние устройства. Вы сможете обновить драйвера устройства ...
Читать далее
/ Windows 10
Как взять кредит для бизнеса в Сбербанке
 Привет ! Сегодня вы узнаете как взять кредит для бизнеса в Сбербанке. Если у вас уже есть свой бизнес или вы открываете свой бизнес и вам нужны деньги на оборудование, вы хотите модернизировать свой бизнес, ...
Читать далее
Hover Video Preview, видео превью подсказки при наведении на любой элемент обновлено: Июль 18, 2016 автором: Илья Журавлёв

Комментарии

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

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


7 + 6 =




Яндекс.Метрика

Правила

Стрелка вверх