Como mudar a velocidade de reprodução dos vídeos no HTML5?
-
26-09-2019 - |
Pergunta
Como alterar a velocidade de reprodução de vídeo em html5? Eu verifiquei Atributos da tag de vídeo No W3School, mas não conseguiu se aproximar disso. Qualquer ajuda seria apreciada!
Solução
De acordo com esse site, isso é suportado no playbackRate
e defaultPlaybackRate
Atributos, acessíveis através do DOM. Exemplo:
/* 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;
O de cima funciona No Chrome 43+, Firefox 20+, ou seja, 9+, Edge 12+.
Outras dicas
Apenas digite
document.querySelector('video').playbackRate = 1.25;
No console JS do seu navegador moderno.
javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;
Você pode colocar qualquer número aqui, mas não vá longe para que você não exagere no seu computador.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow