Manual de referencia HTML

大全 de etiquetas HTML

Audio HTML/Evento progress del DOM de video

Cuando el navegador carga recursos, se desencadena regularmente el evento progress.

　Audio HTML/Manual de referencia del DOM de video

Ejemplo en línea

Aviso: El video está descargando...

Ejemplo

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML/Uso del evento onprogress del video-Tutoriales básicos(oldtoolbag.com)</title>
</head>
<body>
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Su navegador no admite HTML5　etiqueta video.
</video>
<script>
myVid=document.getElementById("video1");
myVid.onprogress=alert("Descargando video");
</script>　
</body>
</html>

Prueba y observa ‹/›

Definición y uso

Cuando el navegador esté descargando el audio especificado/ocurrirán eventos de progreso.
En el audio/Durante el proceso de carga del video, ocurren los siguientes eventos en el siguiente orden:

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten el evento progress.

Nota:Internet Explorer 8 y versiones anteriores no admiten este evento.

Sintaxis

En HTML:

<audio|video onprogress="SomeJavaScriptCode">

En JavaScript:

audio|video.onprogress=SomeJavaScriptCode;

Usar addEventListener():

audio|video.addEventListener("progress", function()
　 {
　 //SomeJavaScriptCode
　 }
);

Detalles técnicos

Las siguientes etiquetas HTML admiten:	<audio>, <video>
Los siguientes objetos JavaScript admiten:	Audio, Video

Más ejemplos

Usar la propiedad onprogress en el elemento HTML

Usar addEventListener() para escuchar el evento progress

　Audio HTML/Manual de referencia del DOM de video

HTML: <template> etiqueta