can anybody get autoplay to pause/resume/start/stop?

[ddtbuilder]

the tap event successfully triggers the function, but there is nothing i can do to pause the autoplay. Also the pauseOnMouseEnter doesn't work either UNLESS it is referring to starting a "pause" at the set time and then continuing. Weirdly worded if thats the intended function.

const feedSwiper = new Swiper('.feed-swiper', {
	// Optional parameters
	direction: 'horizontal',
	spaceBetween: 30,
	//speed: 400,
	centeredSlides: true,
	autoplay: {
		delay: 4000,
		pauseOnMouseEnter: true
	}
});

function toggleAutoPlay() {
	console.log(feedSwiper.autoplay.running);
	if (feedSwiper.autoplay.running) {
		feedSwiper.autoplay.stop();
	} else {
		feedSwiper.autoplay.start();
	} 
}

feedSwiper.on('tap', toggleAutoPlay);

[Bimmr]

This is the approach I used for a pause button. It's not quite the same as what you need, but it's working for me.

//Start carousel
   let carousel = new Swiper($container[0], carouselSettings)

//Add a pause button
   let pauseBtn = $('<button class="swiper-pause" title="Pause/Play carousel"><i class="fas fa-pause"></i></button>')
   pauseBtn.on("click", function() {

     //Unpause
     if ($container.hasClass("paused")) {
       $container.removeClass("paused")
       carousel.autoplay.start()
       this.innerHTML = '<i class="fas fa-pause"></i>'
     }

     //Pause
     else {
       $container.addClass("paused")
       carousel.autoplay.stop()
       this.innerHTML = '<i class="fas fa-play"></i>'
     }
   })

It puts a little pause/play icon in the bottom corner that can be clicked. (Once styled)

[ddtbuilder]

@Bimmr nice use of clasess ...a good approach. But my lines "carousel.autoplay.start()" and "carousel.autoplay.stop()" don't have any affect on the swiper...the autoplay just keeps going.