Плеер

  1. Актуальная версия jQuery (обязательно):
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  2. Скрипт iPlayAd плеера (обязательно):
    <script src="//cdn3.74272747.com/player/ipa-player.js"></script>

  3. Для использования HLS (если планируется подключение контента по стандарту HLS):
    <script src="//cdn3.74272747.com/player/js/ipa-hls.js"></script>

  4. Для использования DASH (если планируется подключение контента по стандарту DASH):
    <script src="//cdn3.74272747.com/player/js/ipa-dash.js"></script>

  5. IMA SDK (если планируется показ рекламных материалов в стандартах VAST/VPAID):
    <script src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>

Инициализация


<div id="player-holder"></div>

<script>
    var player = {};
    function domReady( f ) {
        /in/.test(document.readyState) ? setTimeout('domReady(' + f + ')', 9) : f()
    }
    domReady(function () {
        player = new Player({
            'div-id' : 'playerDiv',
            'player-id' : '1',
            'title' : 'My video title',
            'poster' : '//mySite.com/myPoster.jpg',
            'content' : {
                'hls' : '//mySite.com/myHLSVideo.m3u8',
            }
            'key' : 'my_key_123456789'
        });
    });
</script>

Настройка плеера

Параметр По умолчанию Описание
player-id Идентификатор плеера
debug false Режим отладки в консоли
width 100% Ширина плеера
height 100% Высота плеера
autoplay true Автовоспроизведение основного контента. true – включено, false – выключено
btn-play-pause false Показывать кнопку Воспроизвести
btn-stop false Показывать кнопку Остановить
btn-fullscreen false Показывать кнопку На весь экран
btn-prev-next false Показывать кнопки Предыдущий и Следующий
btn-share false Показывать кнопку Поделиться
btn-vk-share false Показывать кнопку Поделиться в vk.com
btn-twitter-share false Показывать кнопку Поделиться в twitter.com
btn-facebook-share false Показывать кнопку Поделиться в facebook.com
btn-google-share false Показывать кнопку Поделиться в google.com
btn-linkedin-share false Показывать кнопку Поделиться в linkedin.com
btn-social true  
quality false Показывать кнопку выбора качества видео
volume false Показывать контроль звука
repeat true  
playlist true  
timer false Показывать таймер
timeline false Показывать таймлайн
default-quality-index auto для HLS и DASH, наинизшее качество для MP4 Индекс качества при старте. -1 для auto
div-id ID родительского div-а, в котором будет размещаться плеер
iframe-version false Версия плеера для iframe вставки
playlist-position left  
max-hls-buffer-size 10  
content-volume 100 Уровень звука основного контента (видео). От 0 до 100
ad-volume 100 Уровень звука рекламы. От 0 до 100
ad-load-timeout 15000 Время ожидания на получение рекламы (креатива) в миллисекундах
ad-pause-after-click false Ставить рекламу на паузу после клика
title Название основного контента
annotation Аннотация к видео
poster Ссылка на постер основного контента
content Ссылка на контент (uri, hls, dash)
key Уникальный ключ. Выдается при добавлении нового плеера
btns-color #f5f5f5 Цвет кнопок
activity-color #ffffff Цвет кнопок при наведении
timeline-color #d3801a Цвет timeline
load-color #69400d Цвет буферизации
text-color #ffffff Цвет текста
header-color #000000 Цвет информационной панели
controls-color #000000 Цвет панели управления
playlist-visibility true Видимость плейлиста

Дополнительные параметры плеера для вставки через <ifame>

Параметр Описание Пример
autoplay Значения: 0 или 1.  Определяет, начинается ли воспроизведение исходного видео сразу после загрузки плеера. &autoplay=1
controls Значения: 0, 1. Есть или нет нижняя панель. &controls=0
debug Значение 0 или 1. Будут ли выводить в console информацию о каждом действии. &debug=1
header Значение 0 или 1. Видимость шапки. &header=0
repeat Значение 0 или 1. Определяет, будет ли видео после воспроизведения начинатся сначала. &repeat=1
title Значение 0 или 1. Видимость заголовка. &title=0

Несколько плееров на странице

Для подключения нескольких плееров на странице необходимо иметь:

  • уникальный контейнер с уникальным id под каждый плеер
  • каждый плеер в API должен иметь уникальный player-id параметр
  • параметр div-id задает id  уникального контейнера под каждый плеер

Коды ошибок плеера

Код Описание
2001 Плеер контейнера не определен
2101 Неверный тип контента
2102 Содержимое не определено
2201 Неверные свойства автопроигрывания
2202 Неверные свойства отладки
2203 Неверное свойство параметра width
2204 Неверное свойство параметра height
2205 Неверное свойство параметра content-volume
2206 Неверное свойство параметра ad-volume
2207 Неверное свойство параметра max-prerolls-impression
2208 Неверное свойство параметра max-midrolls-impressions
2209 Неверное свойство параметра max-postrolls-impressions
2210 Неверное свойство default-quality-index
2211 Неверное свойство ad-load-timeout
2401 HLS модуль не определен
2402 DASH модуль не определен

Пример HTML5 плеера без рекламы