tutoriais mais recente desenvolvimento web
 

HTML de áudio / vídeo DOM buscando Evento

<HTML de áudio / vídeo DOM Reference

Exemplo

Quando o usuário começa a se mover / salto para uma nova posição no vídeo, alertar algum texto:

var vid = document.getElementById("myVideo");
vid.onseeking = function() {
    alert("Seek operation began!");
};
Tente você mesmo "

Mais "Tente você mesmo" exemplos abaixo.


Definição e Uso

O evento busca ocorre quando o usuário começa a se mover / salto para uma nova posição no áudio / vídeo.

Dica: O evento busca é o oposto do seeked evento.

Dica: Use o currentTime propriedade do objeto de áudio / vídeo para obter a posição de reprodução actual.


Suporte a navegadores

Os números na tabela especificar a primeira versão do browser que suporta totalmente o evento.

Evento
seeking sim 9 sim sim sim

Sintaxe

Em HTML:

< audio|video onseeking="myScript"> Try it

Em JavaScript:

audio|video .onseeking=function(){myScript}; Try it

Em JavaScript, usando o addEventListener() método:

audio|video .addEventListener("seeking", 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

Este exemplo demonstra a diferença entre o evento busca e evento seeked:

<video onseeking="myFunction()" onseeked="mySecondFunction()">
Tente você mesmo "

Exemplo

Usando a propriedade currentTime do objeto de vídeo para exibir a posição de reprodução atual quando o usuário começa a pular para uma nova posição:

// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");

// Attach a seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", 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 "

Exemplo

Quando o usuário começa a se mover / salto para uma nova posição no áudio, alertar algum texto:

var aud = document.getElementById("myAudio");
aud.onseeking = function() {
    alert("Seek operation began!");
};
Tente você mesmo "

<HTML de áudio / vídeo DOM Reference