English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Evento seeked do DOM do vídeo
Áudio HTML/Manual de Referência DOM de Vídeo
Definição e uso/O evento de busca é acionado quando a operação de busca é completada, a posição de reprodução atual é alterada e a propriedade booleana de busca é alterada para false.</p>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento onseeked do vídeo-Tutorial básico(oldtoolbag.com)</title>
</head>
<body>
Após saltar para a nova posição no vídeo, mostre alguns textos:/p>
<video id="myVideo" width="320" height="176" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg>
Seu navegador não suporta HTML5 etiqueta video.
</video>
<script>
var vid = document.getElementById("myVideo");
<p>Mova a posição de reprodução do vídeo<
{
alert("Operação de endereçamento completa!");
};
</script>
</body>
</html>Teste e veja ‹/›Definição e uso/Quando o usuário completa a movimentação/Saltar para o áudio
Mensagem de alerta: Ocorre um evento de busca quando o usuário completa a movimentaçãoO evento oposto ao <strong>seeked</strong> é seeking
Mensagem de alerta: Mensagem de alerta./Objeto Video currentTime Atributo para obter a posição de reprodução do vídeo.
IEFirefoxOperaChromeSafari
No HTML:
<audio|video onseeked="myScript">Experimente
No JavaScript:
audio|video.onseeked=function(){myScript};Experimente
No JavaScript, use o método addEventListener():
audio|video.addEventListener("seeked", myScript);Experimente
Atenção: Internet Explorer 8 e versões mais antigas do IE não suportam addEventListener() Métodos.
Detalhes técnicos| Tags HTML suportadas: | <audio> e <video> |
|---|---|
| Objetos JavaScript suportados: | Audio, Video |
Este exemplo demonstra os eventos Diferenças entre os eventos <strong>seeked</strong>:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento onseeked do vídeo-Tutorial básico(oldtoolbag.com)</title>
</head>
<body>
<p>Este exemplo demonstra a diferença entre os eventos <strong>seeking</strong> e <strong>seeked</strong>:</p>/p>
<p>seeking</p> evento é acionado a cada vez que o usuário começa a mover/Saltar o áudio do vídeo (audio/video) para a nova posição.</p>/p>
<p>seeked</p> evento é acionado quando o usuário completa a movimentação/Saltar o áudio do vídeo (audio/video) para a nova posição.</p>/p>
<p>Move a posição de reprodução do vídeo. <strong>Nota:</strong> Tentar instalar o botão do mouse e mover a reprodução do vídeo de ida e volta.</p>
<video onseeking="myFunction()" onseeked="mySecondFunction()" width="320" height="176" controls>
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg>
Seu navegador não suporta HTML5 etiqueta video.
</video>
<p>Trigger de seeking: <span id="demo"></span> vez.</p>
<p>Trigger de seeked: <span id="demo2></span> vez.</p>
<script>
x = 0;
function myFunction()
{
document.getElementById("demo").innerHTML = x; += 1;
}
y = 0;
function mySecondFunction()
{
document.getElementById("demo2").innerHTML = y; += 1;
}
</script>
</body>
</html>Teste e veja ‹/›após o usuário completar a movimentação/Para pular para uma nova posição no vídeo, use a propriedade currentTime do objeto Video para exibir a posição de reprodução atual:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento onseeked do vídeo-Tutorial básico(oldtoolbag.com)</title>
</head>
<body>
<p>Neste exemplo, adicionamos o evento "seeked" ao elemento video. A propriedade currentTime retorna a posição de reprodução atual.</p>
<p>Mova para uma nova posição no vídeo.</p>
<video id="myVideo" width="320" height="176" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg>
Seu navegador não suporta HTML5 etiqueta video.
</video>
<p>Posição de busca: <span id="demo"></span></p>
<script>
// Obtém o vídeo com id="myVideo"
var vid = document.getElementById("myVideo");
// Adiciona o evento "seeked" ao vídeo, para executar a função após a operação de busca ser concluída
vid.addEventListener("seeked", myFunction);
function myFunction()
{
// Exibe a posição de reprodução atual do vídeo no elemento p com id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
</script>
</body>
</html>Teste e veja ‹/›após o usuário completar a movimentação/Mostra uma mensagem de aviso ao pular para uma nova posição de reprodução do áudio:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento onseeked do vídeo-Tutorial básico(oldtoolbag.com)</title>
</head>
<body>
<p>Mover a posição de reprodução do áudio</p>
<audio id="myAudio" controls>
<source src="horse.ogg" type="audio/ogg>
<source src="horse.mp3" type="audio/mpeg>
Seu navegador não suporta o elemento audio.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onseeked = function()
{
alert("Operação de endereçamento completa!");
};
</script>
</body>
</html>Teste e veja ‹/›