Evento de actualización a tiempo
Ejemplo
Ejecute un JavaScript cuando la posición de reproducción actual haya cambiado:
<video ontimeupdate="myFunction()">
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento ontimeupdate 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: el evento ontimeupdate a menudo se usa 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 | |||||
---|---|---|---|---|---|
ontimeupdate | Yes | 9.0 | Yes | Yes | Yes |
Sintaxis
En HTML:
<element ontimeupdate="myScript">
En JavaScript:
object.ontimeupdate = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("timeupdate", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
Burbujas: | No |
---|---|
Cancelable: | No |
Tipo de evento: | Evento |
Etiquetas HTML compatibles: | <audio> y <vídeo> |
Versión DOM: | Eventos de nivel 3 |
Más ejemplos
Ejemplo
Ejecute un JavaScript cuando la posición de reproducción actual de un audio haya cambiado:
<audio ontimeupdate="myFunction()">
Ejemplo
Usando la propiedad currentTime para establecer la posición de reproducción actual en 5 segundos:
document.getElementById("myVideo").currentTime = 5;