¿Cómo cambiar la velocidad de reproducción de videos en HTML5?


Respuestas:


199

Según este sitio , esto es compatible con los atributos playbackRatey defaultPlaybackRate, accesibles a través del DOM. Ejemplo:

/* play video twice as fast */
document.querySelector('video').defaultPlaybackRate = 2.0;
document.querySelector('video').play();

/* now play three times as fast just for the heck of it */
document.querySelector('video').playbackRate = 3.0;

Lo anterior funciona en Chrome 43+, Firefox 20+, IE 9+, Edge 12+.


1
Gracias por el útil recurso. Aunque Firefox no es compatible con el atributo, hice una demostración en Chrome que funciona bien. Creo que a mi jefe le gustará. ¡Gracias!
Joven

44
playRate funciona en Firefox desde la versión 20 . También funciona en Chrome.
Janus Troelsen

2
esto funciona cuando se ejecuta al principio, pero no si se ejecuta más adelante en el proceso, como en: window.onload = function () {document.getElementById ("master_video"). defaultPlaybackRate = 0.1; document.getElementById ("master_video") .play ();}
Fzs2

no funciona para Android iónico ... Estoy usando HTML% reproductor de video en marco iónico para Android pero no admite tasas de reproducción .........
Dinesh R Rajput

1
@Sushan .querySelectordevuelve la primera coincidencia. Puede usar .querySelectorAll, pero necesita iterar a través de ellos en lugar de usar directamente el código en estas respuestas.
leewz

52

Sólo tipo

document.querySelector('video').playbackRate = 1.25;

en la consola JS de tu navegador moderno.


Algunos atributos del elemento de video evitarán que este comando funcione. Si este comando de consola falla, verifique los atributos en el elemento de video y los elementos principales en el inspector y elimine aquellos que bloquean la interacción del usuario con el video. Intenta el comando nuevamente.
Christopher Harwood el

0

Puedes usar este código:

var vid = document.getElementById("video1");

function slowPlaySpeed() { 
    vid.playbackRate = 0.5;
} 

function normalPlaySpeed() { 
    vid.playbackRate = 1;
} 

function fastPlaySpeed() { 
    vid.playbackRate = 2;
}

Hola @Armel, ¿puedo saber dónde poner este código si estoy usando Selenium con Python?
balandongiv

Hola @balandongiv, lo siento, no sé :(
Armel

-1
javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

puede poner cualquier número aquí simplemente no vaya demasiado lejos para no sobrecargar su computadora.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.