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

Компоненти відеоплеєра можна додати до будь-якого 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);
З питань технічних вимог до банерів, будь ласка, звертайтесь до менеджера підтримки вашого облікового запису.
Оновлено 28 вересня, 2023