Tengo un elemento <video controls>
Cuando hago clic en el video (dentro del contenido del video), el video se detiene (Chrome). ¿Hay alguna manera de evitar eso (pero aún necesito que los controles estén habilitados)? Entonces solución como:
pointer-events: none;no funcionará para mí (el usuario debería poder pausar el video haciendo clic en el botón de control de reproducción/pausa), pero no haciendo clic dentro del video
Agregue un controlador de eventos de clic al video dado y llame a preventDefault.
document.querySelector('video').addEventListener('click', (e) => e.preventDefault() )El control seguirá funcionando, pero al hacer clic en el video no se reproducirá ni se pausará.