MelonPlayer с поддержкой прероллов в формате VAST/DAAST

Данный плеер является дополненным ядром MelonPlayer'a, содержащим встроенный плеер для рекламы, и ряд дополнительных методов и свойств.

Также сборка позволяет использовать рекламный плеер отдельно от ядра.

Плеер позволяет воспроизводить рекламу как перед началом воспроизведения, так и в процессе.

Демо

• Тестовый пример с показом баннера по клику на play

Как подключить

Чтобы использовать плеер на своей странице, необходимо добавить 2 скрипта (скрипты указанные в документации ядра MelonPlayer'a подключать не надо):

<script src="//js.hostingradio.ru/melon/clappr/clappr.min.js"></script>
<script src="//js.hostingradio.ru/melon/melon-player-vast.js"></script>

API

В рекламном плеере присутствует вся функциональность ядра (присутствует в описании ядра MelonPlayer'a).

Чтобы создать рекламный плеер, надо использовать конструктор MelonPlayer.VAST вместо MelonPlayer.Core.

Пример:

var player = new MelonPlayer.VAST({
    source: 'http://hls-02-europaplus.emgsound.ru/11/128/playlist.m3u8',
    parent: document.getElementById('player'),
    VastAdsConfig: {
        // url для получения VAST/DAAST
        AdXMLUrl: 'https://url-to-vast-xml-provider',
        // id элемента в котором будет выполняться открутка рекламного креатива
        parent: "vast",
        // таймаут запроса VAST
        timeout: 5000
    }
});

Конструктор MelonPlayer.VAST принимает точно такой же объект конфигурации как и MelonPlayer.Сore, с той лишь разницей, что необходимо дополнительно передать настройки для баннеров в поле VastAdsConfig