Cacher is the code snippet organizer for pro developers

/*
Example carousel
*/

var sliderHome = $(".js-slider-home");
sliderHome.owlCarousel({
  items:1,  
  dots:false,
  navSpeed: 5000,
  addClassActive: true,
  
  onInitialized: function(){
    console.log('Initialized') //este si que lo ejecuta
  }
});

sliderHome.on('initialized.owl.carousel', function(event) {
  console.log('Carousel initialized!'); //este no he conseguido que funcione
});

sliderHome.on('changed.owl.carousel', function(event) {
  console.log('Carousel changed!');
  console.log(event.item.count + '/' + event.item.index);
  // si estamos usando pagination (dots: true) podemos 'page', en lugar de 'item'
  //console.log(event.page.count + '/' + event.page.index);
  
  //en este contexto, 'this' es objeto DOM del carousel completo, no el item actual
  $(this).find('video').get(0).play();
  //'event.target' tambien ser refiere al carousel completo
  $(event.target).find('.owl-item').eq(event.item.index); //con esto en teoria tendriamos que acceder al item en el que estamos, pero a mi no me funciona
  
});

sliderHome.on('translated.owl.carousel', function(event) {
  console.log('Carousel translated!'); //se ejecuta mas tarde que 'changed'
});