El evento HTML DOM oncanplaythrough ocurre cuando el medio especificado se almacena en búfer y el navegador estima que puede reproducirse sin tener que detenerse.
El orden de los eventos ocurre durante el proceso de carga de un audio/video:
- onloadstart
- cambio de duración
- metadatos cargados
- datos cargados
- en progreso
- oncanplay
- oncanplaythrough
Etiquetas admitidas
Sintaxis:
En HTML:
<element oncanplaythrough="myScript">
En JavaScript:
object.oncanplaythrough = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("canplaythrough", myScript);
Ejemplo: uso de HTML
html
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM oncanplaythrough event</h2>
<video controls oncanplaythrough="myFunction()">
<source src="Geekfun.mp4" type="video/mp4">
</video>
<script>
function myFunction() {
alert("Can play through video without stopping");
}
</script>
</center>
</body>
</html>
Producción:
Ejemplo: uso de JavaScript
html
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM oncanplaythrough event</h2>
<video controls id="myVideo">
<source src="Geekfun.mp4" type="video/mp4">
</video>
<script>
document.getElementById(
"myVideo").oncanplaythrough = function() {
myFunction()
};
function myFunction() {
alert("Can play through video without stopping");
}
</script>
</center>
</body>
</html>
Producción:
Ejemplo: Usando el método addEventListener():
html
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM oncanplaythrough event</h2>
<video controls id="myVideo">
<source src="Geekfun.mp4" type="video/mp4">
</video>
<script>
document.getElementById(
"myVideo").addEventListener("canplaythrough", myFunction);
function myFunction() {
alert("Can start playing video");
}
</script>
</center>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con DOM oncanplaythrough Event se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA