Latest web development tutorials

evento timeupdate HTML Audio / Video DOM

HTML de audio / vídeo Marcar Referencia HTML Audio / Video Referencia DOM

Ejemplos

Cuando la posición de reproducción de vídeo ha cambiado, se muestra la posición de reproducción de vídeo actual (un segundo recuento):

// Obtener Identificación del elemento <video> = "myVideo"
var vid = document.getElementById ( "myVideo");

// Añadir evento ontimeupdate elemento <video>, si se ejecuta la función de cambio de posición de reproducción actual
vid.ontimeupdate = function () {myFunction ()};

myFunction función () {
// Display id = "demo" de <p> elementos en la posición de reproducción de vídeo
. Document.getElementById ( "demo") innerHTML = vid.currentTime;
}

Trate »

Parte inferior de este artículo contiene más ejemplos.


Definición y Uso

Timeupdate evento de disparo en el audio / vídeo (audio / vídeo) posición de reproducción se cambia.

Este evento puede ser invocada en las siguientes circunstancias:

  • Reproducción de audio / vídeo (audio / vídeo)
  • de audio / video móvil (audio / video) posición de reproducción

Consejo: timeupdate evento por lo general asociados con Audio / Vídeo objeto horaActual uso con la propiedad, que devuelve el audio / vídeo (audio / vídeo) posición de reproducción (en segundos).


Soporte para el navegador

Las cifras de la tabla representan el primer navegador para apoyar esta versión de los hechos.

evento
timeupdate 9.0


gramática

En HTML:

<Audio | vídeo ontimeupdate = "myScript "> tratar

En JavaScript:

audio | vídeo .ontimeupdate = function () {} myScript; tratar

JavaScript, utilice el método addEventListener ():

audio | .addEventListener de vídeo ( "timeupdate" , myScript); tratar

Nota: Internet Explorer 8 y versiones anteriores de IE no son compatibles con addEventListener () método.


detalles técnicos
etiquetas HTML compatibles: <Audio> y <video>
Apoyados Objetos de JavaScript: Audio, Video


Ejemplos

más ejemplos

Ejemplos

Cuando se cambia la posición de reproducción de audio, la pantalla de la posición actual de reproducción de audio (en segundos):

// Obtener Identificación del elemento = "myVideo" <audio>
var aud = document.getElementById ( "myVideo");

// Añadir evento ontimeupdate <audio> y realizar la función al cambiar la posición de reproducción
aud.ontimeupdate = function () {myFunction ()};

myFunction función () {
// Display id = "demo" del elemento <p> en la posición de reproducción de audio
. Document.getElementById ( "demo") innerHTML = aud.currentTime;
}

Trate »

Ejemplos

el establecimiento Uso horaActual se establece en 5 segundos la posición de reproducción:

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

Trate »


HTML de audio / vídeo Marcar Referencia HTML Audio / Video Referencia DOM