Los últimos tutoriales de desarrollo web
 

progreso HTML Audio / Video DOM Evento

<HTML Audio / Video Referencia DOM

Ejemplo

Alertar de que el vídeo se está descargando:

var vid = document.getElementById("myVideo");
vid.onprogress = function() {
    alert("Downloading video");
};
Inténtalo tú mismo "

Más "hacerlo por uno mismo" ejemplos a continuación.


Definición y Uso

El evento de progreso se produce cuando el navegador está descargando el audio / vídeo especificado.

Durante el proceso de carga de un archivo de audio / vídeo, se producen los siguientes acontecimientos, en este orden:

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

Soporte para el navegador

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

Evento
progress 9.0

Sintaxis

En HTML:

< audio|video onprogress="myScript"> Try it

En JavaScript:

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

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

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

Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.


Detalles técnicos

etiquetas HTML compatibles: <audio> and <video>
objetos JavaScript compatibles: Audio, Video

Más ejemplos

Ejemplo

Alertar de que el audio está descargando:

var aud = document.getElementById("myAudio");
aud.onprogress = function() {
    alert("Downloading audio");
};
Inténtalo tú mismo "

<HTML Audio / Video Referencia DOM