javascript - reproducir - Verificando si un video html5 está listo

stop video html

Question

¿Hay un evento de JavaScript activado, si un video HTML5 está listo para la reproducción?

Answer 1

Acabo de enterarme de esta pregunta y, aunque es un poco antigua, estoy publicando esto para futuros lectores (que, como yo, probablemente provengan de Google).

Por lo tanto, a partir de hoy, esta es la lista de eventos para los medios html5 (de acuerdo con W3C):

• onabort : secuencia de comandos para ejecutar en abortar
  
• oncanplay : Script que se ejecutará cuando un archivo esté listo para comenzar a reproducirse (cuando tenga suficiente buffer para comenzar)
  
• oncanplaythrough : Script que se ejecutará cuando un archivo se pueda reproducir hasta el final sin detenerse para el almacenamiento en búfer
  
• ondurationchange : Script que se ejecutará cuando cambie la duración de los medios
  
• onemptied : Script que se ejecutará cuando algo malo suceda y el archivo de repente no esté disponible (como inesperadamente se desconecta)
  
• onended : Script que se ejecutará cuando los medios hayan llegado al final (un evento útil para mensajes como "gracias por escuchar")
  
• onerror : secuencia de comandos que se ejecutará cuando se produzca un error cuando se carga el archivo
  
• onloadeddata : Script que se ejecutará cuando se carguen los datos multimedia
  
• onloadedmetadata : script que se ejecutará cuando se carguen metadatos (como dimensiones y duración)
  
• onloadstart : El script se ejecutará justo cuando el archivo comienza a cargarse antes de que se cargue realmente algo
  
• onpause : Script que se ejecutará cuando el usuario pause los medios o programáticamente
  
• onplay : Script que se ejecutará cuando el medio esté listo para comenzar a jugar
  
• onplaying : Script que se ejecutará cuando los medios realmente hayan comenzado a reproducirse
  
• onprogress : script que se ejecutará cuando el navegador esté en proceso de obtener los datos multimedia
  
• onratechange : Script que se ejecutará cada vez que cambie la velocidad de reproducción (como cuando un usuario cambia a cámara lenta o modo de avance rápido)
  
• onreadystatechange : Script que se ejecutará cada vez que el estado de listo cambie (el estado de listo rastrea el estado de los datos multimedia)
• onseeked : Script que se ejecutará cuando el atributo seek se establezca en falso, lo que indica que la búsqueda ha finalizado
  
• onseeking : Script que se ejecutará cuando el atributo de búsqueda se establece en verdadero, lo que indica que la búsqueda está activa
  
• onstalled : Script que se ejecutará cuando el navegador no pueda obtener los datos multimedia por el motivo que sea
  
• onsuspend : el script que se ejecutará al recuperar los datos multimedia se detiene antes de que esté completamente cargado por el motivo que sea
  
• ontimeupdate : Script que se ejecutará cuando la posición de reproducción haya cambiado (como cuando el usuario avanza rápidamente a un punto diferente en el medio)
  
• onvolumechange : Script que se ejecutará cada vez que se cambie el volumen, (que incluye configurar el volumen para "silenciar")
  
• onwaiting : El script se ejecutará cuando el medio se haya detenido pero se espera que se reanude (como cuando el medio se detiene para almacenar más datos).

Dantz estaba buscando encanzar a través de.

Espero que esto ayude.

Answer 2

Buena discusión aquí ...

http://tiffanybbrown.com/2010/07/05/the-html5-video-progress-event/

Especialmente el primer comentario.

Básicamente, esto estaba en la especificación y se eliminó porque no iba exactamente de la mano con la forma en que se procesan los medios. En cambio, se agregó .buffered.

Aquí hay un ejemplo de uso en búfer:

http://hacks.mozilla.org/2010/08/html5-video-buffered-property-available-in-firefox-4/

Answer 3

He encontrado que http://www.w3.org/TR/html5/video.html#mediaevents es extremadamente útil, ya que enumera todos los eventos disponibles cuando se trata de etiquetas de medios html5.

Answer 4

Tienes 2 eventos para manejar cuando un video está listo para jugar.

• canplay: dispara cuando el video está listo para jugar, pero el almacenamiento en búfer no está completo
• canplaythrough: dispara cuando el video está listo para jugar y se completa el almacenamiento en búfer

Answer 5

Supongo que listo para la reproducción significa que la propiedad readyState es igual a la constante HAVE_ENOUGH_DATA (valor numérico 4). De acuerdo con el doc , cuando la propiedad readyState pasa a este valor, se debe canplay un evento de canplay .