Manual de referencia HTML

Todo el catálogo de etiquetas HTML

Audio HTML/Evento canplay del DOM de video

Este evento canplay se desencadena cuando el terminal puede reproducir el archivo de medios, se estima que se han cargado suficientes datos para reproducir el medio hasta su finalización, sin necesidad de detenerse para volver a cargar contenido adicional.

　Audio HTML/Manual de Referencia del DOM de Video

Ejemplo en línea

Recordatorio: el video está listo para comenzar a reproducirse:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML/Uso del evento oncanplay 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.oncanplay=alert("Can start playing video");
</script>　
</body>
</html>

Prueba aquí ‹/›

Definición y uso

Cuando el navegador puede comenzar a reproducir el audio especificado/video (búfer suficiente para comenzar a reproducir) se producirá el evento canplay.

Cuando el audio/Cuando el video está en proceso de carga, se producirán sucesivamente los siguientes eventos:

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten el evento canplay.

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

Sintaxis

En HTML:

<audio|video oncanplay="SomeJavaScriptCode">

En JavaScript:

audio|video.oncanplay=SomeJavaScriptCode;

Usar addEventListener():

.addEventListener("canplay", function(){
　
}
);

Detalles técnicos

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

Más ejemplos

Usar la propiedad oncanplay en elementos HTML

Usar addEventListener() para escuchar el evento canplay

　Audio HTML/Manual de Referencia del DOM de Video

HTML: <template> etiqueta