VideoADShtml5- это удобный плагин для WordPress для демонстрации ваших видео с предварительным рекламой (видео роликом). Вы можете вставлять как размещенные самостоятельно, так и размещенные извне видео, используя прямые ссылки.
ОСОБЕННОСТИ VideoADShtml5
- Добавить MP4 видео на ваш сайт
- Внедрение адаптивного видео для удобства пользователей при просмотре с мобильного устройства
- Вставить HTML5 видео, которое совместимо со всеми основными браузерами
- Вставить видео с автовоспроизведением
- Вставить видео с петлей
- Вставить видио рекламу с начало ролика
- Вставка постера перед видео
Конфигурация настроек
Довольно просто настроить этот плагин для видеоплеера. После установки плагина просто перейдите в меню «Настройки», где вы сможете настроить некоторые параметры. В основном вам просто нужно проверить опцию «Включить jQuery». Это позволит плагину использовать библиотеку jQuery.
Встраивание ролика и рекламу к нему
Добавляем шорткод видео и рекламу к нему . Для этого создайте новый пост / страницу и используйте следующий шорткод:
[ videoads url="http://example.com/wp-content/uploads/videos/video.mp4" ads="http://example.com/wp-content/uploads/videos/reklama.mp4"]
[ videoads url="http://example.com/wp-content/uploads/videos/video.mp4" ads_end="http://example.com/wp-content/uploads/videos/reklama.mp4"]
[ videoads url="http://example.com/wp-content/uploads/videos/video.mp4" ads="http://example.com/wp-content/uploads/videos/reklama.mp4" ads_end="http://example.com/wp-content/uploads/videos/reklama.mp4"]
Здесь url — это параметр шорткода, который необходимо заменить реальным URL видео файла. ADS — ваша реклама которая будет проигрываться перед роликом. ads_end — будет проигрываться в конце ролика. Можно их объединить будет реклама в начале и в конце
Автозапуск проигрывания ролика
Если вы хотите, чтобы определенное видео начало воспроизводиться при загрузке страницы, вы можете установить для параметра «autoplay» значение «true»:
[ videoads url="http://example.com/wp-content/uploads/videos/video.mp4" ads="http://example.com/wp-content/uploads/videos/reklama.mp4" autoplay="true"]
Убрать громкость при произведении
Если вы хотите, чтобы определенное видео началось без звука, вы можете установить для параметра «muted» значение «true»:
[ videoads url="http://example.com/wp-content/uploads/videos/video.mp4" ads="http://example.com/wp-content/uploads/videos/reklama.mp4" muted="true"]
Постер
Можно добавить постер перед запуском видео ролика.
[ videoads url="http://example.com/wp-content/uploads/videos/video.mp4" poster="http://example.com/img/poster.jpg"]
Настройки videoadshtml5
Заходим в админ панель. Переходим в раздел настройки. Настройки videoadshtml5.
1. Включить Jquery
2. Продолжительность рекламы, устанавливает таймер завершения рекламы через сколько секунд запустится основное видео.
3. Настройки кнопок.
3.1 Возможность разрешить и запретить отображении кнопки Скачать видео.
3.2 Возможность разрешить и запретить отображении кнопки Скорость воспроизведения.
3.3 Возможность разрешить и запретить отображении кнопки Картинка в картинке.
3.4 Возможность редактирование громкости начальной загрузки плеера.
Скачать можно здесь
Ссылка на скачиваниеПример выполнения