Slick Carousel : Pause YouTube video on slide change

slick-pause-video.js

// Pause video when slick slide changed

$('.act-hero-carousel .the-carousel.carousel-1').on(
	'beforeChange',
	function (slick, currentSlide, nextSlide) {
		var player, command;

		//find the current slide element and decide which player API we need to use.
		currentSlide = $('.act-hero-carousel .the-carousel.carousel-1').find(
			'.slick-current'
		);

		//get the iframe inside this slide.
		player = currentSlide.find('iframe').get(0);
		console.log({ player });

		command = {
			event: 'command',
			func: 'pauseVideo',
		};

		//check if the player exists.
		if (player != undefined) {
			//post our command to the iframe.
			player.contentWindow.postMessage(JSON.stringify(command), '*');
		}
	}
);


// Make sure you add &enablejsapi=1 to the iframe url