HTML | Propiedad de fecha de inicio de vídeo DOM

La propiedad Video startDate se usa para devolver un objeto Date que representa el desplazamiento actual de la línea de tiempo del video . La aplicación de la propiedad Video startDate se usa para permitir la sincronización precisa de video transmitido en vivo a través de Internet.

Sintaxis:

videoObject.startDate

El siguiente programa ilustra la propiedad Video startDate():
Ejemplo: Obtener el desplazamiento de la línea de tiempo actual del video.

<!DOCTYPE html>
<html>
  
<head>
    <title>
         Video startDate() Property
    </title>
</head>
  
<body style="text-align: center">
  
    <h1 style="color: green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Video startDate() Property
    </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 get the current timeline offset of
      the video, double click the "Return 
      Timeline Offset" button.</p>
    <br>
  
    <button ondblclick="My_Video()">
      Return Timeline Offset
    </button>
  
    <p id="test"></p>
  
    <script>
        function My_Video() {
            var v =
                document.getElementById(
                  "Test_Video").startDate;
            
            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: los principales navegadores no son compatibles con HTML | Propiedad de fecha de inicio de vídeo DOM .

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 *