Manual de referencia HTML

Completísimo manual de etiquetas HTML

Audio HTML/Evento ratechange del DOM de video

Después de cambiar la velocidad de reproducción, se desencadenará el evento ratechange.

Audio HTML/Manual de Referencia del DOM de Video

Ejemplo en línea

Cambiar la velocidad de reproducción del video y notificar que se ha cambiado la velocidad:

Ejemplo

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML/Uso del evento onratechange en video-Tutoriales básicos(oldtoolbag.com)</title>
</head>
<body>
<p>En este ejemplo, hemos utilizado HTML DOM para agregar el evento "onratechange" al elemento video. La propiedad playbackRate se utiliza para modificar la velocidad de reproducción del video.</p>
<video id="myVideo" width="320" height="176" autoplay controls>
　　<source src="mov_bbb.mp4" type="video/mp4">
　　<source src="mov_bbb.ogg" type="video/ogg">
　　Su navegador no admite HTML5　etiqueta video.
</video>
<br>
<button onclick="setPlaySpeed()" type="button">Establecer reproducción lenta del video</button>
<script>
//　Obtener el elemento <video> con id="myVideo"
var vid = document.getElementById("myVideo");
//　Establecer la velocidad de reproducción del video en 0.3　(lento)
function setPlaySpeed()　
{　
　　　　vid.playbackRate = 0.3;
}　
//　Agregar el evento ratechange a <video>, ejecutar la función cuando cambia la velocidad de reproducción del video, la función mostrará un mensaje de texto emergente.
vid.onratechange = function()　
{
　　　　myFunction()
};
function myFunction()　
{
　　　　alert("El evento onratechange se desencadena　-　La velocidad de reproducción del video ha cambiado");
}
</script>　
</body>
</html>

prueba aquí ‹/›

Definición y uso

cuando se cambia el audio/La velocidad de reproducción del video cambia (por ejemplo, cuando el usuario cambia a modo de reproducción lenta o avanzar), se desencadena el evento ratechange.
Este evento es emitido por/del objetoplaybackRateLlamada a propiedad, que establece o devuelve la velocidad/Velocidad de reproducción actual del video.

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Sintaxis

En HTML:

<audio|video onratechange="myScript">Prueba esto

En JavaScript:

audio|video.onratechange=function(){myScript};Prueba esto

En JavaScript, se utiliza el método addEventListener():

audio|video.addEventListener("ratechange", myScript);Prueba esto

Nota: Internet Explorer 8 y versiones de IE más antiguas no son compatibles addEventListener() Métodos.

Detalles técnicos

Etiquetas HTML compatibles:	<audio> y <video>
Objetos JavaScript compatibles:	Audio, Video

Audio HTML/Manual de Referencia del DOM de Video

HTML: <template> etiqueta