Evento de busca de DOM de áudio/vídeo HTML
❮ Referência HTML de áudio/vídeo DOM
Exemplo
Quando o usuário começar a mover/pular para uma nova posição no vídeo, alerte algum texto:
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento de busca ocorre quando o usuário começa a mover/saltar para uma nova posição no áudio/vídeo.
Dica: O evento de busca é o oposto do evento de busca .
Dica: Use a propriedade currentTime do objeto de áudio/vídeo para obter a posição de reprodução atual.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento.
Event | |||||
---|---|---|---|---|---|
seeking | Yes | 9.0 | Yes | Yes | Yes |
Sintaxe
Em HTML:
<audio|video onseeking="myScript">
Em JavaScript:
audio|video.onseeking=function(){myScript};
Em JavaScript, usando o método addEventListener():
audio|video.addEventListener("seeking", myScript);
Detalhes técnicos
Tags HTML suportadas: | <áudio> e <vídeo> |
---|---|
Objetos JavaScript suportados: | Áudio vídeo |
Mais exemplos
Exemplo
Este exemplo demonstra a diferença entre o evento de busca e o evento procurado:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Exemplo
Usando a propriedade currentTime do objeto de vídeo para exibir a posição atual do tempo de reprodução 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;
}
Exemplo
Quando o usuário começar a mover/pular para uma nova posição no áudio, alerte algum texto:
var aud = document.getElementById("myAudio");
aud.onseeking = function() {
alert("Seek operation began!");
};
❮ Referência HTML de áudio/vídeo DOM