English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia HTML

大全 de etiquetas HTML

Audio HTML/Evento canplaythrough del DOM de video

Este evento canplaythrough se desencadena cuando el terminal puede reproducir el archivo de medios, estimando que se han cargado suficientes datos para reproducir el medio hasta su finalización, sin necesidad de detenerse para cargar más contenido.

 Audio HTML/Manual de Referencia del DOM de Video

Ejemplo en línea

Recordatorio: el video puede seguir reproduciendo sin detenerse:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML/Uso del evento oncanplaythrough 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.oncanplaythrough=alert("Can play through video without stopping");
</script> 
</body>
</html>
Prueba para ver ‹/›

Definición y uso

Cuando el navegador estima que puede reproducir el audio especificado/el video sin tener que detener la buffering, se desencadenará el evento canplaythrough.

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

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten el evento canplaythrough.

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

Sintaxis

En HTML:

<audio|video oncanplaythrough="SomeJavaScriptCode">

En JavaScript:

audio|video.oncanplaythrough=SomeJavaScriptCode;

Usar addEventListener():

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

Detalles técnicos

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

Más ejemplos

Usar la propiedad oncanplaythrough en elementos HTML

Usar addEventListener() para escuchar el evento canplaythrough

 Audio HTML/Manual de Referencia del DOM de Video