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