Estoy tratando de poner una combinación de elementos de video e imagen dentro del contenedor swiper con el atributo de reproducción automática. Pero traté de detener la función de reproducción automática en Swiper cuando el video se está reproduciendo e iniciar la reproducción automática cuando el video está en pausa o finaliza. Además, al pasar a la siguiente diapositiva, el video debe reproducirse automáticamente desde el principio. Pero actualmente, al implementar la condición, puedo detener la reproducción automática solo por primera vez y la reproducción automática no se puede controlar desde el segundo ciclo. Necesito ayuda para resolver la lógica. Probé un ejemplo en el siguiente enlace https://codepen.io/thajudeencse/pen/QWQRQEM

 $(function () { var mySwiper = new Swiper('.swiper-container', { // Optional parameters direction: 'horizontal', loop: true, // If we need pagination pagination: '.swiper-pagination', // Navigation arrows nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', autoplay: 3000 }); var v = document.getElementsByClassName("video")[0]; v.addEventListener ("play", function () { mySwiper.autoplay.stop(); }, true); v.addEventListener("ended", function () { mySwiper.startAutoplay(); }, true); });