Evento ontimeupdate
Definição e uso
O evento ontimeupdate ocorre quando a posição de reprodução do áudio/vídeo muda.
Este evento é acionado pelas seguintes situações:
- Reproduzir áudio/vídeo
- Mover a posição de reprodução (por exemplo, quando o usuário avança para um ponto diferente no áudio/vídeo)
Dica:O evento ontimeupdate geralmente está associado ao objeto Propriedade currentTimeQuando usados juntos, essa propriedade retorna a posição atual de reprodução do áudio/vídeo, em segundos.
Exemplo
Exemplo 1
Execute JavaScript quando a posição de reprodução atual mudar:
<video ontimeupdate="myFunction()">
Exemplo 2
Execute JavaScript quando a posição de reprodução atual do áudio mudar:
<audio ontimeupdate="myFunction()">
Exemplo 3
Use a propriedade currentTime para definir a posição de reprodução atual para 5 segundos:
document.getElementById("myVideo").currentTime = 5;
Sintaxe
No HTML:
<elemento ontimeupdate="myScript">
No JavaScript:
objeto.ontimeupdate = function(){myScript};
No JavaScript, use o método addEventListener():
objeto.addEventListener("timeupdate", myScript);
Observação:O Internet Explorer 8 ou versões anteriores não suportam Método addEventListener().
Detalhes técnicos
| Percussão: | Não suportado |
|---|---|
| Cancelável: | Não suportado |
| Tipo de evento: | Evento |
| Suporte a tags HTML: | <audio> e <video> |
| Versão DOM: | Eventos de Nível 3 |
Suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta completamente o evento.
| Eventos | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| ontimeupdate | Suporte | 9.0 | Suporte | Suporte | Suporte |
