HTML | DOM Propiedad de tasa de reproducción de video

La propiedad Video playbackRate en HTML DOM se usa para establecer o devolver la velocidad de reproducción actual del video. La propiedad video playbackRate devuelve un número que representa la velocidad de reproducción actual.

Sintaxis:

  • Devuelve la propiedad Tasa de reproducción de vídeo.
    videoObject.playbackRate
  • Se utiliza para establecer la propiedad Video playbackRate.
    videoObject.playbackRate = playbackspeed

Valores de propiedad: contiene un valor único de velocidad de reproducción que especifica la velocidad de reproducción predeterminada del video. Las opciones disponibles son:

  • 1.0 es la velocidad normal.
  • 0.5 es la mitad de la velocidad.
  • 2.0 es doble velocidad.
  • -1.0 es al revés, velocidad normal.
  • -0.5 es al revés, media velocidad.

Valores devueltos: Devuelve un Número que representa la velocidad de reproducción actual

El siguiente programa ilustra la propiedad Video playbackRate en HTML DOM:

Ejemplo: este ejemplo configura la velocidad de reproducción del video al doble.

<!DOCTYPE html>
<html>
      
<head>     
    <title>
        HTML DOM Video playbackRate Property
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:greenl">
        GeeksforGeeks
    </h1> 
      
    <h2 style="font-family: Impact;">
        Video PlaybackRate 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 returning the playback speed of the video,
        double click the "Return Playback Speed" button.
    </p>
      
    <button ondblclick="My_VideoRate()" type="button">
        Return Playback Speed
    </button>
      
    <p>
        For changing the playback speed of the video by default,
        double click the "Change Playback Speed" button.
    </p>
      
    <button ondblclick="Set_VideoRate()" type="button">
        Change Playback Speed
    </button>
      
    <script>
        var v = document.getElementById("Test_Video");
          
        function My_VideoRate() { 
            alert(v.playbackRate);
        } 
          
        function Set_VideoRate() { 
            v.playbackRate = 2;
        } 
    </script>
</body>
  
</html>                                                         

Producción:

  • Después de cargar el código:
  • Tasa de reproducción inicial:
  • Tasa de reproducción actualizada:

Navegadores compatibles: los navegadores compatibles con la propiedad Video playbackRate se enumeran a continuación:

  • Google Chrome
  • Internet Explorer 9.0/li>
  • 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 *