English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Quando l'operazione di ricerca è completata e la posizione di riproduzione corrente è stata modificata e l'attributo di ricerca booleano è stato modificato in false, viene attivato l'evento di ricerca.
Manuale di riferimento DOM per audio/video HTML
当用户完成移动/跳到视频中的新位置后，请提醒一些文本：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'evento onseeked HTML audio/video - Guida di base (oldtoolbag.com)</title>
</head>
<body>
Quando l'utente completa lo spostamento/saltello a una nuova posizione nel video, avvisa alcuni testi:}
<video id="myVideo" width="320" height="176" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Il tuo browser non supporta il tag video HTML5.
</video>
<script>
var vid = document.getElementById("myVideo");
<p>Muovi la posizione di riproduzione del video</p>
{
alert("Operazione di indirizzamento completata!");
};
</script>
</body>
</html>Prova a vedere ‹/›Definizione e uso
Suggerimento: Si verifica un evento di ricerca quando l'utente completa lo spostamento/saltello a una nuova posizione nell'audio/video.L'evento opposto a <strong>seeked</strong> è Eventi.
Suggerimento: Utilizzare l'oggetto Audio/Video currentTime Proprietà per ottenere la posizione di riproduzione del video.
IEFirefoxOperaChromeSafari
In HTML:
<audio|video onseeked="myScript">Prova questo
In JavaScript:
audio|video.onseeked=function(){myScript};Prova questo
In JavaScript, utilizzare il metodo addEventListener():
audio|video.addEventListener("seeked", myScript);Prova questo
Attenzione: Internet Explorer 8 e versioni precedenti non supportano addEventListener() Metodi.
Dettagli tecnici| Tag HTML supportati: | <audio> e <video> |
|---|---|
| Oggetti JavaScript supportati: | Audio, Video |
Questo esempio dimostra la differenza tra l'evento <strong>seeking</strong> e Differenze tra l'evento <strong>seeked</strong>:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'evento onseeked HTML audio/video - Guida di base (oldtoolbag.com)</title>
</head>
<body>
<p>Questo esempio dimostra la differenza tra l'evento <strong>seeking</strong> e l'evento <strong>seeked</strong>:</p>
<p>Il evento <strong>seeking</strong> viene attivato ogni volta che l'utente inizia a muoversi/saltare il video/audio (audio/video) a una nuova posizione.</p>
<p>Il evento <strong>seeked</strong> viene attivato quando l'utente completa lo spostamento/saltello del video/audio (audio/video) a una nuova posizione.</p>
<p>Muovi la posizione di riproduzione del video. <strong>Suggerimento:</strong> Prova a installare i pulsanti del mouse e muoverli per spostare la posizione di riproduzione del video.</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">
Il tuo browser non supporta il tag video HTML5.
</video>
<p>Trigger seeking: <span id="demo"></span> volte.</p>
<p>Trigger seeked: <span id="demo2"></span> volte.</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>Prova a vedere ‹/›Quando l'utente ha completato il movimento/saltello a una nuova posizione nel video, utilizza l'attributo currentTime dell'oggetto Video per visualizzare la posizione di riproduzione corrente:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'evento onseeked HTML audio/video - Guida di base (oldtoolbag.com)</title>
</head>
<body>
<p>In questo esempio, abbiamo aggiunto l'evento "seeked" all'elemento video. L'attributo currentTime restituisce la posizione di riproduzione corrente.</p>
<p>Sposta a una nuova posizione nel video.</p>
<video id="myVideo" width="320" height="176" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Il tuo browser non supporta il tag video HTML5.
</video>
<p>Posizione di ricerca: <span id="demo"></span></p>
<script>
// Ottieni il video con id="myVideo"
var vid = document.getElementById("myVideo");
// Aggiungi l'evento seeked al video, per eseguire la funzione una volta completata l'operazione di ricerca
vid.addEventListener("seeked", myFunction);
function myFunction()
{
// Visualizza la posizione di riproduzione corrente del video nell'elemento p con id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
</script>
</body>
</html>Prova a vedere ‹/›Mostra un messaggio di avviso quando l'utente ha completato il movimento/saltello a una nuova posizione di riproduzione dell'audio:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'evento onseeked HTML audio/video - Guida di base (oldtoolbag.com)</title>
</head>
<body>
<p>Muovi la posizione di riproduzione dell'audio</p>
<audio id="myAudio" controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Il tuo browser non supporta l'elemento audio.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onseeked = function()
{
alert("Operazione di indirizzamento completata!");
};
</script>
</body>
</html>Prova a vedere ‹/›