Latest web development tutorials

HTML Audio / Video DOM cerca evento

HTML audio / video tag di riferimento HTML Audio / Video Reference del DOM

Esempi

Pop-up messaggio di testo quando l'utente inizia a muoversi / salto in una nuova posizione di riproduzione video:

var vid = document.getElementById ( "myVideo");
vid.onseeking = function () {
alert ( "Cercate operazione è iniziata!");
};

Prova »

Fondo a questo articolo contiene altri esempi.


Definizione e utilizzo

Quando si cerca di attivare un evento in l'utente inizia a muoversi / salto al nuovo audio / video (audio / video) posizione di riproduzione.

Suggerimento: invece evento che cercano evento è seeked evento.

Suggerimento: Utilizzare l'oggetto Audio / Video currentTime Ottiene posizione di riproduzione.


Supporto per il browser

I dati riportati nella tabella rappresentano il primo browser a supportare questa versione dei fatti.

evento
cerca 9.0


grammatica

In HTML:

<Audio | Video onseeking = "myScript "> provare

In JavaScript:

audio | video di .onseeking = function () {} myScript; provare

JavaScript, utilizzare il metodo addEventListener ():

audio | Video .addEventListener ( "cerca" , myScript); provare

Nota: Internet Explorer 8 e versioni precedenti di Internet Explorer non supportano addEventListener () metodo.


dettagli tecnici
tag HTML supportati: <Audio> e <video>
Oggetti JavaScript supportati: Audio, Video


Esempi

Altri esempi

Esempi

Questo esempio dimostra la differenza tra la ricerca e l'evento evento seeked:

<Video onseeking = "myFunction ()" onseeked = "mySecondFunction ()">

Prova »

Esempi

Quando l'utente comincia a muoversi in una nuova posizione, utilizzare la proprietà oggetto Video currentTime visualizza la posizione di riproduzione corrente:

// Prendi id = l'elemento <video> "myVideo"
var vid = document.getElementById ( "myVideo");

// Per la <video> che cercano di aggiungere un evento, se si avvia affrontare una funzione inizia l'esecuzione
vid.addEventListener ( "cerca", myFunction);

la funzione myFunction () {
// Visualizzazione ID = "demo" dell'elemento p <video> posizione dei giocatori
. Document.getElementById ( "demo") innerHTML = vid.currentTime;
}

Prova »

Esempi

Viene visualizzato un messaggio al termine del movimento / salto per la posizione di riproduzione audio in un nuovo utente:

var AUD = document.getElementById ( "MyAudio");
aud.onseeking = function () {
alert ( "Cercate operazione è iniziata!");
};

Prova »


HTML audio / video tag di riferimento HTML Audio / Video Reference del DOM