<HTML Audio / Video Referencia DOM
Ejemplo
Cuando la posición de reproducción de un vídeo ha cambiado, mostrar la posición actual del vídeo en cuestión de 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;
} Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
El evento timeupdate se produce cuando la posición de reproducción de un archivo de audio / video ha cambiado.
Este evento se invoca por:
- Reproducción de audio / vídeo
- Al mover la posición de reproducción (como cuando los delanteros rápidos de usuario a un punto diferente en el audio / vídeo)
Consejo: Este evento timeupdate se utiliza a menudo junto con la horaActual propiedad del objeto de audio / vídeo, que devuelve la posición actual de la reproducción de audio / video, en segundos.
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 | |||||
|---|---|---|---|---|---|
| timeupdate | Sí | 9.0 | Sí | Sí | Sí |
Sintaxis
En HTML:
< audio|video ontimeupdate="myScript"> Try it En JavaScript:
audio|video .ontimeupdate=function(){myScript}; Try it En JavaScript, utilizando el addEventListener() método:
audio|video .addEventListener("timeupdate", 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
Cuando la posición de reproducción de un archivo de audio ha cambiado, mostrar la posición actual del audio en cuestión de 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;
}
Inténtalo tú mismo " Ejemplo
Usando la propiedad horaActual para ajustar la posición de reproducción actual a 5 segundos:
document.getElementById("myVideo").currentTime = 5;
Inténtalo tú mismo "