Manual de referência HTML

大全 de etiquetas HTML

Áudio HTML/Evento DOM ratechange do vídeo

Após alterar a taxa de reprodução, o evento ratechange será acionado.

Áudio HTML/Manual de Referência DOM de Vídeo

Exemplo online

Mude a velocidade de reprodução do vídeo e avise que a velocidade foi alterada:

Exemplo

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento onratechange do vídeo-Tutorial básico(oldtoolbag.com)</title>
</head>
<body>
<p>Neste exemplo, usamos o HTML DOM para adicionar o evento "onratechange" ao elemento video. A propriedade playbackRate é usada para modificar a velocidade de reprodução do vídeo.</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">
　　Seu navegador não suporta HTML5　Etiqueta video.
</video>
<br>
<button onclick="setPlaySpeed()" type="button">Definir reprodução lenta do vídeo</button>
<script>
//　Obter o elemento <video> com id="myVideo"
var vid = document.getElementById("myVideo");
//　Definir a velocidade de reprodução do vídeo para 0.3　(Lento)
function setPlaySpeed()　
{　
　　　　vid.playbackRate = 0.3;
}　
//　Adicionar o evento ratechange para <video>, para executar a função quando a velocidade de reprodução do vídeo for alterada, a função exibirá uma mensagem de texto emergente.
vid.onratechange = function()　
{
　　　　myFunction()
};
function myFunction()　
{
　　　　alert("O evento onratechange foi acionado　-　A velocidade de reprodução do vídeo foi alterada");
}
</script>　
</body>
</html>

Teste e veja ‹/›

Definição e uso

ao alterar o áudio/A velocidade de reprodução do vídeo é alterada (por exemplo, quando o usuário muda para o modo de câmera lenta ou avanço rápido), ocorre o evento ratechange.
Este evento é acionado pelo " áudio/do objeto vídeo "playbackRateChamada de propriedade, a propriedade define ou retorna o áudio/A velocidade de reprodução atual do vídeo.

Compatibilidade de navegadores

IEFirefoxOperaChromeSafari

Sintaxe

No HTML:

<audio|video onratechange="myScript">Experimente

No JavaScript:

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

No JavaScript, use o método addEventListener():

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

Atenção: Internet Explorer 8 e versões mais antigas do IE não suportam addEventListener() Métodos.

Detalhes técnicos

Etiquetas HTML suportadas:	<audio> e <video>
Objetos JavaScript suportados:	Áudio, Vídeo

Áudio HTML/Manual de Referência DOM de Vídeo

HTML: <template> etiqueta