owlCarousel 2. Автоматическое проигрывание видео на текущем слайде. Работа с событиями.

Задача стояла такая: разместить в слайдере в качестве элементов видеофайлы и сделать автоматическое проигрывание видео в текущем слайде. 

$(document).ready(function() {

  // сначала проводим инициализацию слайдера, тут всё стандартно
  $('#top-slider').owlCarousel({
    items: 1,
    video:true, }) 

  // навешиваем необходимые события. В данном случае это событие changed.owl.carousel, которое срабатывает при смене слайда
  $('#top-slider').on('changed.owl.carousel', function(property) {
    var current = property.item.index; // получаем номер текущего слайда
    var video = $(property.target).find(".owl-item").eq(current).find("video").get(0); // получаем объект видео в текущем слайде
    video.currentTime = 0; // отматываем видео в самое начало
    video.play(); // проигрываем
  })

  // Видео мы проигрываем при определённом событии. Однако, при загрузке страницы, события смены слайда ещё нет, поэтому для этого здесь используются следующие инструкции
  var video = $('.owl-item.active').find("video").get(0);
  video.currentTime = 0;
  video.play();

})