HTML Audio/Video Evento de búsqueda de DOM

❮ Referencia de DOM de audio/vídeo HTML

Ejemplo

Cuando el usuario comience a moverse/saltar a una nueva posición en el video, envíe un mensaje de alerta:

var vid = document.getElementById("myVideo");
vid.onseeking = function() {
    alert("Seek operation began!");
};

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

El evento de búsqueda ocurre cuando el usuario comienza a moverse/saltar a una nueva posición en el audio/video.

Consejo: El evento de búsqueda es lo opuesto al evento buscado .

Sugerencia: use la propiedad currentTime del objeto de audio/video para obtener la posición de reproducción actual.


Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.

Event
seeking Yes 9.0 Yes Yes Yes

Sintaxis

En HTML:

<audio|video onseeking="myScript">

En JavaScript:

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

En JavaScript, usando el método addEventListener():

audio|video.addEventListener("seeking", myScript);

Detalles técnicos

Etiquetas HTML compatibles: <audio> y <vídeo>
Objetos de JavaScript admitidos: Audio, Video

Más ejemplos

Ejemplo

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

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

Ejemplo

Usando la propiedad currentTime del Video Object para mostrar la posición de tiempo de reproducción actual cuando el usuario comienza a saltar a una nueva posición:

// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");

// Attach a seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", myFunction);

function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
}

Ejemplo

Cuando el usuario comience a moverse/saltar a una nueva posición en el audio, avise a algún texto:

var aud = document.getElementById("myAudio");
aud.onseeking = function() {
    alert("Seek operation began!");
};

❮ Referencia de DOM de audio/vídeo HTML