Evento de actualización de tiempo de DOM de audio/video HTML
❮ Referencia de DOM de audio/vídeo HTML
Ejemplo
Cuando la posición de reproducción de un video ha cambiado, muestra la posición actual del video en segundos:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Assign an ontimeupdate event to the <video> element, and execute a function if the current playback position has changed
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the video in a <p> element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento de actualización de tiempo ocurre cuando la posición de reproducción de un audio/video ha cambiado.
Este evento es invocado por:
- Reproducción del audio/vídeo
- Mover la posición de reproducción (como cuando el usuario avanza rápidamente a un punto diferente en el audio/video)
Sugerencia: este evento de actualización de tiempo se usa a menudo junto con la propiedad currentTime del objeto de audio/video, que devuelve la posición actual de la reproducción de audio/video, en segundos.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.
Event | |||||
---|---|---|---|---|---|
timeupdate | Yes | 9.0 | Yes | Yes | Yes |
Sintaxis
En HTML:
<audio|video ontimeupdate="myScript">
En JavaScript:
audio|video.ontimeupdate=function(){myScript};
En JavaScript, usando el método addEventListener():
audio|video.addEventListener("timeupdate", myScript);
Detalles técnicos
Etiquetas HTML compatibles: | <audio> y <vídeo> |
---|---|
Objetos de JavaScript admitidos: | Audio, Video |
Más ejemplos
Ejemplo
Cuando la posición de reproducción de un audio ha cambiado, muestra la posición actual del audio en segundos:
// Get the <audio> element with id="myVideo"
var aud = document.getElementById("myVideo");
// Assign an ontimeupdate event to the <audio> element, and execute a function if the current playback position has changed
aud.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the audio in a <p> element with id="demo"
document.getElementById("demo").innerHTML = aud.currentTime;
}
Ejemplo
Usando la propiedad currentTime para establecer la posición de reproducción actual en 5 segundos:
document.getElementById("myVideo").currentTime = 5;
❮ Referencia de DOM de audio/vídeo HTML