var mediaPlayers = {};
if ($('.js-banner-video').length >0){
    var $self;
    $('.js-banner-video').each(function() {
        $self = $(this);
        var videoPlayer =  $self.mediaelementplayer({
            success: function(mediaElement, domObject){
                var $box = $(domObject).closest('.banner-video');
                $(mediaElement)
                    .on('playing', function(){
                        $box.addClass('playing');

                    })
                    .on('ended', function(){
                        $box.removeClass('playing');
                    })
            }

        });
    })

}

$('document').ready(function(){
    if ($('[data-role="videoNavigation"]').length>0) {
        $('[data-role="videoNavigation"]').trigger('click');
    }
})

$('body').on('click', '[data-role="videoNavigation"]', function(){
    var video = mediaPlayers[$(this).data('target')];
    $($(this).data('target'))[0].play();

    return false;
})