Как реализовать рекламу в середине ролика с помощью MediaElements.JS?

Question

Как реализовать рекламу в середине ролика с помощью MediaElements.JS?

Я сделал предварительный просмотр, и у меня тоже есть вопрос. Как запустить рекламу после того, как я нажму кнопку воспроизведения исходного видео?

Я подумал, может быть, есть какие-то элементы управления или что-то еще для рекламы, но не нашел.

Вот мой код:

$('iframe').attr('allowfullscreen', '');
    $("iframe, object").each(function(i) {
        var thisYT = $(this);

        if (thisYT.is("iframe")) {
            var src = thisYT.attr('src');
        } else {
            var src = thisYT.attr('data');
        }

        var width = thisYT.attr('width');
        var height = thisYT.attr('height');

        var YTID = getId(src);

        if (YTID != "error") {
            thisYT.replaceWith('<video id="' + YTID + '" width="' + width + '" height="' + height + '" controls="control" preload="none"><source src="https://www.youtube.com/watch?v=' + YTID + '" type="video/youtube" /></video>');
        }

        var player = new MediaElementPlayer(YTID, {
            playsinline: true,
            features: ['playpause','current','progress','duration','volume','fullscreen','vast'],
            vastAdTagUrl: 'url',
            adsPrerollAdEnableSkip: 4,
            adsPrerollAdSkipSeconds: 10,
            success: function(mediaElement, originalNode, instance) {
                console.log(mediaElement, originalNode, instance);                  
            }
        });

    });


    function getId(url) {
        var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
        var match = url.match(regExp);

        if (match && match[2].length == 11) {
            return match[2];
        } else {
            return 'error';
        }
    }

Answer 1

Вам необходимо установить рекламный плагин для mediaelement.js, чтобы иметь необходимые функции для предварительного и среднего ролика. Следуйте инструкциям по использованию репозитория ниже.

https://github.com/mediaelement/mediaelement-plugins/blob/master/docs/ads.md