Evento de progreso de DOM de audio/video HTML

❮ Referencia de DOM de audio/vídeo HTML

Ejemplo

Alerta de que el video se está descargando:

var vid = document.getElementById("myVideo");
vid.onprogress = function() {
    alert("Downloading video");
};

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

El evento de progreso ocurre cuando el navegador está descargando el audio/video especificado.

Durante el proceso de carga de un audio/video, ocurren los siguientes eventos, en este orden:

  1. inicio de carga
  2. duracióncambiar
  3. metadatos cargados
  4. datos cargados
  5. Progreso
  6. Poder jugar
  7. puede jugar

Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.

Event
progress Yes 9.0 Yes Yes Yes

Sintaxis

En HTML:

<audio|video onprogress="myScript">

En JavaScript:

audio|video.onprogress=function(){myScript};

En JavaScript, usando el método addEventListener():

audio|video.addEventListener("progress", myScript);

Detalles técnicos

Etiquetas HTML compatibles: <audio> y <vídeo>
Objetos de JavaScript admitidos: Audio, Video

Más ejemplos

Ejemplo

Alerta de que el audio se está descargando:

var aud = document.getElementById("myAudio");
aud.onprogress = function() {
    alert("Downloading audio");
};

❮ Referencia de DOM de audio/vídeo HTML