Evento procurado pelo DOM de áudio/vídeo HTML
❮ Referência HTML de áudio/vídeo DOM
Exemplo
Quando o usuário terminar de mover/pular para uma nova posição no vídeo, alerte algum texto:
var vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Seek operation completed!");
};
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento procurado ocorre quando o usuário termina de mover/pular para uma nova posição no áudio/vídeo.
Dica: O evento procurado é o oposto do evento procurado .
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 | |||||
|---|---|---|---|---|---|
| seeked | Yes | 9.0 | Yes | Yes | Yes |
Sintaxe
Em HTML:
<audio|video onseeked="myScript">
Em JavaScript:
audio|video.onseeked=function(){myScript};
Em JavaScript, usando o método addEventListener():
audio|video.addEventListener("seeked", 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 terminar de mover/pular para uma nova posição:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", 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 terminar de mover/pular para uma nova posição no áudio, alerte algum texto:
var aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Seek operation completed!");
};
❮ Referência HTML de áudio/vídeo DOM