¿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+.

Jeremy Visser
fuente
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.

Andrey Panasyuk
fuente
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;
}
Abdul Quadir
fuente
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.

Mattyduke1
fuente