¿Cómo cambiar la velocidad de reproducción de video en HTML5? Verifiqué los atributos de la etiqueta de video en w3school pero no pude acercarme a eso. ¡Se agradecería cualquier ayuda!
¿Cómo cambiar la velocidad de reproducción de video en HTML5? Verifiqué los atributos de la etiqueta de video en w3school pero no pude acercarme a eso. ¡Se agradecería cualquier ayuda!
Respuestas:
Según este sitio , esto es compatible con los atributos playbackRate
y 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+.
.querySelector
devuelve 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.
Sólo tipo
document.querySelector('video').playbackRate = 1.25;
en la consola JS de tu navegador moderno.
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;
}
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.