Evento de inicio de carga DOM de audio/video HTML

❮ Referencia de DOM de audio/vídeo HTML

Ejemplo

Alerta de que el video está comenzando a cargar:

var vid = document.getElementById("myVideo");
vid.onloadstart = function() {
    alert("Starting to load video");
};

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

El evento de inicio de carga ocurre cuando el navegador comienza a buscar el audio/video especificado. Aquí es cuando comienza el proceso de carga.

Durante el proceso de carga de un audio/video, ocurren los siguientes eventos, en este orden:

  1. inicio de carga
  2. duracióncambiar
  3. metadatos cargados
  4. datos cargados
  5. Progreso
  6. Poder jugar
  7. puede jugar

Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.

Event
loadstart Yes 9.0 Yes Yes Yes

Sintaxis

En HTML:

<audio|video onloadstart="myScript">

En JavaScript:

audio|video.onloadstart=function(){myScript};

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

audio|video.addEventListener("loadstart", myScript);

Detalles técnicos

Etiquetas HTML compatibles: <audio> y <vídeo>
Objetos de JavaScript admitidos: Audio, Video

Más ejemplos

Ejemplo

Alerta de que el audio se está empezando a cargar:

var aud = document.getElementById("myAudio");
aud.onloadstart = function() {
    alert("Starting to load video");
};

❮ Referencia de DOM de audio/vídeo HTML