¿En qué eventos se puede suscribir para elementos de video o audio?

Puedes suscribirte a los siguientes eventos para elementos video o audio:

• loadstart: Comienza el proceso de carga del recurso.
• progress: En proceso de carga del recurso.
• suspend: La carga ha sido suspendida (por ejemplo, desconexión de red).
• abort: La carga fue abortada por el usuario.
• error: Ocurrió un error al cargar o reproducir.
• emptied: El estado de red del elemento está vacío.
• stalled: La carga de datos se ha detenido.
• loadedmetadata: Los metadatos están listos (dimensiones, duración).
• loadeddata: Los datos iniciales para la reproducción están listos.
• canplay: El elemento puede comenzar a reproducir, pero puede requerir buffering.
• canplaythrough: El elemento puede reproducirse hasta el final sin detenerse para buffering.
• playing: La reproducción ha comenzado.
• play: La reproducción ha sido iniciada o reanudada.
• pause: La reproducción ha sido pausada.
• waiting: La reproducción se detuvo debido a la necesidad de buffering.
• seeking: El usuario está buscando en la línea de tiempo.
• seeked: El usuario ha terminado de buscar en la línea de tiempo.
• ended: La reproducción ha finalizado.
• durationchange: La duración del recurso ha cambiado.
• timeupdate: La posición actual de reproducción ha cambiado.
• volumechange: El volumen o estado de silencio ha cambiado.
• ratechange: La velocidad de reproducción ha cambiado.
• resize: El tamaño del video ha cambiado (por ejemplo, debido a un cambio de orientación del dispositivo).
• cuechange: Las partes activas del texto para la pista actual han cambiado.

Ejemplo de suscripción al evento play:

// Obtener el elemento de video
const videoElement = document.getElementById('myVideo');

// Suscribirse al evento 'play'
videoElement.addEventListener('play', () => {
  // Acciones al comenzar la reproducción
  console.log('El video ha comenzado a reproducirse');
});