<HTML de áudio / vídeo DOM Reference
Exemplo
Quando a posição de reprodução de um vídeo mudou, mostrar a posição atual do vídeo em segundos:
// Get the <video> element with id="myVideo"
var vid =
document.getElementById("myVideo");
// Assign an ontimeupdate event
to the <video> element, and execute a function if the current playback
position has changed
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the video
in a <p> element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
} Tente você mesmo " Mais "Tente você mesmo" exemplos abaixo.
Definição e Uso
O evento timeupdate ocorre quando a posição de reprodução de um áudio / vídeo mudou.
Este evento é invocado por:
- Jogando o áudio / vídeo
- Movendo a posição de reprodução (como quando os atacantes rápida de usuário para um ponto diferente no áudio / vídeo)
Dica: Este evento timeupdate é frequentemente usado em conjunto com o currentTime propriedade do objeto de Áudio / Vídeo, que retorna a posição atual da reprodução de áudio / vídeo, em segundos.
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o evento.
| Evento | |||||
|---|---|---|---|---|---|
| timeupdate | sim | 9 | sim | sim | sim |
Sintaxe
Em HTML:
< audio|video ontimeupdate="myScript"> Try it Em JavaScript:
audio|video .ontimeupdate=function(){myScript}; Try it Em JavaScript, usando o addEventListener() método:
audio|video .addEventListener("timeupdate", myScript ); Try it Nota: O addEventListener() método não é suportado no Internet Explorer 8 e versões anteriores.
Detalhes técnicos
| tags HTML suportados: | <audio> and <video> |
|---|---|
| objetos JavaScript suportados: | Audio, Video |
mais Exemplos
Exemplo
Quando a posição de reprodução de um áudio mudou, visualizar a posição atual do áudio em segundos:
// Get the <audio> element with id="myVideo"
var aud =
document.getElementById("myVideo");
// Assign an ontimeupdate event
to the <audio> element, and execute a function if the current playback
position has changed
aud.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the audio
in a <p> element with id="demo"
document.getElementById("demo").innerHTML = aud.currentTime;
}
Tente você mesmo " Exemplo
Usando a propriedade currentTime para definir a posição de reprodução actual para 5 segundos:
document.getElementById("myVideo").currentTime = 5;
Tente você mesmo "