HTML | Método de carga de vídeo DOM ( )

El método Video load() se usa para volver a cargar el elemento de video. El método Video load() se usa para actualizar el elemento de video después de cambiar la fuente u otras configuraciones. 
El método Video load() no acepta ningún parámetro y no devuelve ningún valor.
Sintaxis: 

videoObject.load()

El siguiente programa ilustra el método de carga de video():
Ejemplo: cambiar la fuente de video y volver a cargar el video.  

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        DOM Video load( ) Method
    </title>
</head>
 
<body style="text-align:center">
 
    <h1 style="color:green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Video load method
    </h2>
    <br>
 
    <video id="Test_Video"
           width="360"
           height="240"
           controls>
       
        <source id="mp4_source"
                src="sample2.mp4"
                type="video/mp4">
       
        <source id="ogg_source"
                src="sample2.ogg"
                type="video/ogg">
    </video>
 
     
 
<p>To change the source of the video
      and re-load it, double click the
      "Change Source" button.</p>
 
 
    <br>
 
    <button ondblclick="My_Video()">
      Change Source
    </button>
 
    <script>
        function My_Video() {
            document.getElementById("mp4_source").src =
              "samplevideo.mp4";
            document.getElementById("ogg_source").src =
              "samplevideo.ogg";
            document.getElementById("Test_Video").load();
        }
    </script>
 
</body>
 
</html>

Producción: 
 

  • Antes de hacer clic en el botón: 
     

  • Después de hacer clic en el botón: 
     

Navegadores compatibles: El navegador compatible con HTML | El método de carga de video DOM ( ) 
se enumeran a continuación: 
 

  • Google Chrome 1 y superior
  • Borde 12 y superior
  • Internet Explorer 9 y superior
  • Firefox 3.5 y superior
  • Ópera 12.1 y superior
  • Apple Safari 3.1 y superior

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee 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 *