HTML | Método de reproducción de video DOM ( )

El método Video play() se usa para comenzar a reproducir el video actual . Para usar el método Video play(), se debe usar la propiedad de los controles para mostrar los controles de video, como reproducción, pausa, búsqueda, volumen, etc., adjuntos al video. 

Sintaxis:

videoObject.play()

Nota: El método Video play() no acepta ningún parámetro y no devuelve ningún valor. 

El siguiente programa ilustra el método Video play(): 

Ejemplo: Reproducir un video con el botón de reproducción. 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        DOM Video play( ) Method
    </title>
</head>
 
<body style="text-align:center">
 
    <h1 style="color:green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Video play() 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 play the video, double
      click the "Play Video" button.</p>
    <br>
 
    <button ondblclick="My_Video()"
            type="button">
      Play Video
    </button>
 
    <script>
        var v =
            document.getElementById("Test_Video");
 
        function My_Video() {
            v.play();
        }
    </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 reproducción 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 10.5 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 *