Al hacer clic en un botón de reproducción, se inician todos los videos que se han reproducido previamente: el botón de detener funciona y no se reproduce ningún video cuando los botones de reproducción están en pantalla.

Se supone que debe comenzar el inicio de los videos que no sean el botón de reproducción en el que se hizo clic anteriormente, y se supone que los otros videos deben detenerse.

Ese es el error que hay que arreglar.

Hacer clic en uno de los botones de reproducción cuando los videos están detenidos solo debe iniciar un video, no varios videos.

Para reproducir el problema: haga clic en un botón de reproducción y se cargará el video.

Luego haga clic en la X

Ahora haga clic en un botón de reproducción diferente y verá que el video en el que se hizo clic antes ahora se está reproduciendo, junto con el video en el que acabo de hacer clic. Entonces ahora hay 2 videos reproduciéndose al mismo tiempo.

Este código se ejecuta cada vez que creo un nuevo jugador.

Estoy asignando el controlador para reproducir el video en cada botón de reproducción, por lo que todos los videos se reproducen a la vez.

¿Cómo asigno el controlador al botón de reproducción correcto para ese jugador?

¿Cómo encontraría el botón de reproducción específico que necesito?

Haga clic en Ejecutar , no en actualizar para probar el código.

Código: https://jsitor.com/EBO8gdOs0c

Copia de seguridad: https://jsfiddle.net/5etxr1kg/

 function createPlayHandler(player) { const playButtons = document.querySelectorAll(".thePlay"); playButtons.forEach(function playButtonHandler(buttons) { buttons.addEventListener("click", function buttonClickHandler() { player.playVideo(); }); }); }