Evento ontimeupdate

Eventos DOM Objeto Evento

Definición y uso

El evento ontimeupdate ocurre cuando cambia la posición de reproducción del audio/video.

Este evento se desencadena por lo siguiente:

  • Reproducir audio/video
  • Mover la posición de reproducción (por ejemplo, cuando el usuario avanza a un punto diferente en el audio/video)

Consejo:El evento ontimeupdate se utiliza comúnmente con Atributo currentTimeJuntos, esta propiedad devuelve la posición actual de reproducción del audio/video en segundos.

Ejemplo

Ejemplo 1

Ejecuta JavaScript cuando cambia la posición de reproducción actual:

<video ontimeupdate="myFunction()">

Prueba por ti mismo

Ejemplo 2

Ejecuta JavaScript cuando cambia la posición de reproducción actual del audio:

<audio ontimeupdate="myFunction()">

Prueba por ti mismo

Ejemplo 3

Configura la posición de reproducción actual en 5 segundos utilizando la propiedad currentTime:

document.getElementById("myVideo").currentTime = 5;

Prueba por ti mismo

Sintaxis

En HTML:

<elemento ontimeupdate="myScript">

Prueba por ti mismo

En JavaScript:

objeto.ontimeupdate = function(){myScript};

Prueba por ti mismo

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

objeto.addEventListener("timeupdate", myScript);

Prueba por ti mismo

Notas:Internet Explorer 8 o versiones anteriores no lo admiten Método addEventListener().

Detalles técnicos

Burbujeo: No soportado
Cancelable: No soportado
Tipo de evento: Evento
Etiquetas de HTML admitidas: <audio> y <video>
Versión DOM: Eventos de Nivel 3

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente el evento.

Eventos Chrome IE Firefox Safari Opera
ontimeupdate Soporte 9.0 Soporte Soporte Soporte
Eventos DOM Objeto Evento