HTML Audio / Video DOM evento que busca

Ejemplos

Pop-up mensaje de texto cuando el usuario comienza a mover / saltar a una nueva posición de reproducción de vídeo:

var vid = document.getElementById ( "myVideo");
vid.onseeking = function () {
alert ( "operación de búsqueda comenzó!");
};

Trate »

Parte inferior de este artículo contiene más ejemplos.

Definición y Uso

Cuando se trata de activar un evento en el que el usuario comienza a mover / saltar a la nueva audio / vídeo (audio / vídeo) posición de reproducción.

Consejo: En lugar de eventos de eventos que buscan es seeked evento.

Consejo: Utilice el objeto de audio / vídeo horaActual inmueble cambie de posición de reproducción.

Soporte para el navegador

Las cifras de la tabla representan el primer navegador para apoyar esta versión de los hechos.

evento
la búsqueda	sí	9.0	sí	sí	sí

gramática

En HTML:

<Audio | vídeo onseeking = "myScript "> tratar

En JavaScript:

audio | vídeo .onseeking = function () {} myScript; tratar

JavaScript, utilice el método addEventListener ():

audio | .addEventListener de vídeo ( "buscar" , myScript); tratar

Nota: Internet Explorer 8 y versiones anteriores de IE no son compatibles con addEventListener () método.

detalles técnicos

etiquetas HTML compatibles:	<Audio> y <video>
Apoyados Objetos de JavaScript:	Audio, Video

más ejemplos

Ejemplos

Este ejemplo demuestra la diferencia entre la búsqueda y el evento evento seeked:

<Vídeo onseeking = "myFunction ()" onseeked = "mySecondFunction ()">

Trate »

Ejemplos

Cuando el usuario comienza a moverse a una nueva ubicación, utilice la propiedad objeto Video horaActual muestra la posición de reproducción actual:

// Obtener Identificación del elemento <video> = "myVideo"
var vid = document.getElementById ( "myVideo");

// Para el <video> tratando de añadir un evento, si comienza a hacer frente a una función comienza la ejecución
vid.addEventListener ( "buscar", myFunction);

myFunction función () {
// Display id = "demo" del elemento p <video> posiciones de los jugadores
. Document.getElementById ( "demo") innerHTML = vid.currentTime;
}

Trate »