HTML | Propiedad finalizada del video DOM

La propiedad Vídeo finalizado en HTML DOM se utiliza para devolver si la reproducción del vídeo ha finalizado o no .
Cuando la posición de reproducción está al final del video, consideramos que el video ha terminado.
La propiedad Vídeo finalizado es una propiedad de solo lectura.

Valor de retorno: la propiedad Video terminó devuelve un valor booleano verdadero si el video ha terminado; de lo contrario, devuelve falso.

Sintaxis:

videoObject.ended

El siguiente programa ilustra la propiedad de video terminado:
Ejemplo: Averiguar si el video ha terminado o no.

<!DOCTYPE html>
<html>
  
<head>
    <title>  
        HTML | DOM Video ended Property
    </title>
    <style>
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
  
    <h1>GeeksforGeeks</h1>
    <h2>Video ended Property</h2>
    <br>
  
    <video id="Test_Video" 
           width="360"
           height="240"
           controls>
        <source src="samplevideo.mp4" 
                type="video/mp4">
        <source src="movie.ogg" 
                type="video/ogg">
    </video>
  
    <p>
      For checking whether the video has
      ended or not, double click the 
      "Try it" button.
    </p>
  
    <button ondblclick="My_Video()"
            type="button">
      Try it
    </button>
  
    <p id="test"></p>
  
    <script>
        function My_Video() {
            var v = 
                document.getElementById(
                  "Test_Video").ended;
            
            document.getElementById(
              "test").innerHTML = v;
        }
    </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 | Las propiedades finalizadas de DOM Video se enumeran a continuación:

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

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 *