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

El método Video pause() se usa para pausar la reproducción del video actual . Para usar el método Video pause(), 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.pause()

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

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

Ejemplo: pausar un video con el botón de pausa. 

html

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