Latest web development tutorials

evento timeupdate HTML de áudio / vídeo DOM

HTML de áudio / vídeo Tag Referência Áudio HTML / Video DOM Reference

Exemplos

Quando a posição de reprodução de vídeo mudou, ele exibe a posição de reprodução de vídeo atual (uma segunda contagem):

// Obter id = o elemento <video> "MyVideo"
var vid = document.getElementById ( "MyVideo");

// Adicionar evento ontimeupdate <video> elemento, se a função de mudança de posição de reprodução actual é executado
vid.ontimeupdate = function () {myFunction ()};

myFunction function () {
// Id Display = "demo" de <p> elementos na posição de reprodução de vídeo
. Document.getElementById ( "demo") innerHTML = vid.currentTime;
}

tente »

Fundo deste artigo contém mais exemplos.

Definição e Uso

evento de disparo Timeupdate no áudio / vídeo (áudio / vídeo) posição de reprodução é alterada.

Este evento pode ser invocado nas seguintes circunstâncias:

  • Reproduzir áudio / vídeo (áudio / vídeo)
  • audio / vídeo móvel (áudio / vídeo) posição de reprodução

Dica: caso timeupdate geralmente associado com Áudio / Vídeo objeto currentTime uso com propriedade, que retorna o áudio / vídeo (áudio / vídeo) posição de reprodução (em segundos).

Suporte a navegadores

Números na tabela representam o primeiro navegador a suportar esta versão dos acontecimentos.

evento
timeupdate sim 9 sim sim sim

gramática

Em HTML:

<Áudio | vídeo ontimeupdate = "oMeuPrograma "> tentar

Em JavaScript:

audio | vídeo .ontimeupdate = function () {} oMeuPrograma; tente

JavaScript, use o método addEventListener ():

audio | vídeo .addEventListener ( "timeupdate" , oMeuPrograma); tente

Nota: Internet Explorer 8 e versões anteriores do IE não suportam addEventListener () método.

detalhes técnicos
tags HTML suportados: <Audio> e <video>
Suportados objetos JavaScript: Áudio, Vídeo

Exemplos

mais exemplos

Exemplos

Quando a posição de reprodução de áudio é alterado, a exibição da posição atual de reprodução de áudio (em segundos):

// Obter id = o <audio> elemento "MyVideo"
var aud = document.getElementById ( "MyVideo");

// Adicionar evento ontimeupdate <audio> e executar a função quando mudar a posição de reprodução
aud.ontimeupdate = function () {myFunction ()};

myFunction function () {
// Id Display = "demo" do elemento <p> na posição de reprodução de áudio
. Document.getElementById ( "demo") innerHTML = aud.currentTime;
}

tente »

Exemplos

Use currentTime propriedade é definida como 5 segundos a posição de reprodução:

document.getElementById ( "MyVideo") currentTime = 5 .;

tente »

HTML de áudio / vídeo Tag Referência Áudio HTML / Video DOM Reference