HTML | Evento de metadatos cargados de DOM

El evento onloadedmetadata en HTML ocurre cuando se cargan metadatos para el audio/video especificado.

Eventos que ocurren durante el proceso de carga de un audio/video:

  • onloadstart
  • cambio de duración
  • metadatos cargados
  • datos cargados
  • en progreso
  • oncanplay
  • oncanplaythrough

Sintaxis:

  • En HTML:
    <element onloadedmetadata="myScript">
  • En JavaScript:
    object.onloadedmetadata = function(){myScript};
  • En JavaScript, usando el método addEventListener():
    object.addEventListener("loadedmetadata", myScript);

Ejemplo: en JavaScript, usando el método addEventListener()

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM onloadeddata Event
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green">
          GeeksforGeeks
      </h1>
        <h2>
          HTML DOM onloadedmetadata Event
      </h2>
        <video controls id="VideoId">
            <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190705202742/Disabling-Tabs.mp4" 
                    type="video/mp4">
        </video>
  
        <script>
            document.getElementById(
              "VideoId").addEventListener(
              "loadedmetadata", GFGFun);
  
            function GFGFun() {
                alert("Metadata loaded");
            }
        </script>
    </center>
</body>
  
</html>

Producción

Navegadores compatibles: los navegadores compatibles con HTML DOM onloadedmetadata Event se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • safari de manzana
  • Ópera

Publicación traducida automáticamente

Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *