Назад к Обзору платформы
Глоссарий
Креативы
Стоимость креативов
Работа с креативами
Тех. требования к креативам
Дополнительные настройки
Viber Format Creatives specs

Компонент video player может быть добавлен в любой HTML5 баннер, который предусматривает наличие видео.

Подключение плеера

Контейнер

Файл body.html должен содержать контейнер для вставки в него видеоплеера, а также определять положение, ширину и высоту контейнера.

Показать пример блока контейнера проигрывателя
<div id="player_container" style="position : absolute; width: 640px; height: 360px;"></div>

Модуль ‘player’

Модуль ‘player’ передается в качестве параметра функции.

Показать пример параметра функции модуля
globalHTML5Api.on('load', function(Player){
  /*
    YOUR CODE IS HERE
  */
});
Показать пример кода для добавления video player
var player = Player.create({
  'src' : 'flip/video.mp4',
  'canSkip' : false,
  'loop' : false
 });
player.appendTo(document.getElementById('player_container'));

Метод create() создает объект с параметрами. Параметры описаны ниже.

Параметры плеера

Параметр Значение Описание
src String URL источника видео;
формат видеофайла: .mp4
canSkip Boolean ǀ Number (sec) пропуск видео (кнопка skip в правом верхнем углу), false (default);
количество секунд до активации кнопки skip
skipText String текст, выводимый на кнопке пропуска видео
loop Boolean зацикливание видео; false (default)
canFullscreen Boolean переход плеера в полноэкранный режим
container object HTML Node контейнер, в который должен быть вставлен видео плеер

Методы плеера

Метод Аргументы Описание
player.appendTo(); object HTML Node вставка плеера в указанный контейнер
player.volume(); Number (1-100) громкость звука; по умолчанию 50%
player.unmute(); – включение звука
player.mute(); – выключение звука
player.play(); – запуск проигрывания видео
player.pause(); – поставить текущее видео на паузу
player.hide(); – скрыть плеер
player.src(); String замена источника видео на указанный
player.src().play(); String запуск воспроизведения нового видео
player.on(event, callback); Function вызов функции по событию. Доступные события:

  • play
  • pause
  • mute
  • unmute
  • repeat
  • skip
  • click
  • complete
    Пример:

    player.on('repeat', function(){
   player.src('http://yourdomain.com/video2.mp4');
});
player.node.sound.hide(); – скрыть кнопку “Звук”
player.node.playPause.hide(); – скрыть кнопку “Воспроизвести/Пауза”
player.node.progress.hide(); – скрыть строку состояния
create() Object инициализация плеера
Для предотвращения отправки трекера события, в параметрах метода необходимо передавать (null, true);
По вопросам технических требований к баннерам, пожалуйста,обращайтесь к менеджеру поддержки вашего аккаунта.
Обновлено 18 сентября, 2023