Los últimos tutoriales de desarrollo web
 

HTML Audio / Video DOM en busca de eventos

<HTML Audio / Video Referencia DOM

Ejemplo

Cuando el usuario empieza a mover / saltar a una nueva posición en el video, alertar a un texto:

var vid = document.getElementById("myVideo");
vid.onseeking = function() {
    alert("Seek operation began!");
};
Inténtalo tú mismo "

Más "hacerlo por uno mismo" ejemplos a continuación.


Definición y Uso

El evento que busca se produce cuando el usuario comienza a moverse / saltar a una nueva posición en el audio / vídeo.

Consejo: El evento que busca es lo contrario de la seeked evento.

Consejo: Utilice la currentTime propiedad del objeto de audio / vídeo para obtener la posición de reproducción actual.


Soporte para el navegador

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

Evento
seeking 9.0

Sintaxis

En HTML:

< audio|video onseeking="myScript"> Try it

En JavaScript:

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

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

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

Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.


Detalles técnicos

etiquetas HTML compatibles: <audio> and <video>
objetos JavaScript compatibles: Audio, Video

Más ejemplos

Ejemplo

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

<video onseeking="myFunction()" onseeked="mySecondFunction()">
Inténtalo tú mismo "

Ejemplo

Usando la propiedad horaActual del objeto de vídeo para visualizar la posición actual tiempo de juego 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;
}
Inténtalo tú mismo "

Ejemplo

Cuando el usuario empieza a mover / saltar a una nueva posición en el audio, alertar a un texto:

var aud = document.getElementById("myAudio");
aud.onseeking = function() {
    alert("Seek operation began!");
};
Inténtalo tú mismo "

<HTML Audio / Video Referencia DOM