Evento ontimeupdate
Exemplo
Execute um JavaScript quando a posição de reprodução atual for alterada:
<video ontimeupdate="myFunction()">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento ontimeupdate ocorre quando a posição de reprodução de um áudio/vídeo foi alterada.
Este evento é invocado por:
- Reproduzindo o áudio/vídeo
- Movendo a posição de reprodução (como quando o usuário avança rapidamente para um ponto diferente no áudio/vídeo)
Dica: O evento ontimeupdate é frequentemente usado junto com a propriedade currentTime do objeto Audio/Video, que retorna a posição atual da reprodução de áudio/vídeo, em segundos.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento.
Event | |||||
---|---|---|---|---|---|
ontimeupdate | Yes | 9.0 | Yes | Yes | Yes |
Sintaxe
Em HTML:
<element ontimeupdate="myScript">
Em JavaScript:
object.ontimeupdate = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("timeupdate", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | Não |
---|---|
Cancelável: | Não |
Tipo de evento: | Evento |
Tags HTML suportadas: | <áudio> e <vídeo> |
Versão DOM: | Eventos de Nível 3 |
Mais exemplos
Exemplo
Execute um JavaScript quando a posição de reprodução atual de um áudio for alterada:
<audio ontimeupdate="myFunction()">
Exemplo
Usando a propriedade currentTime para definir a posição de reprodução atual para 5 segundos:
document.getElementById("myVideo").currentTime = 5;