Como alterar a velocidade de reprodução de vídeos em HTML5?

Respostas:

199

De acordo com este site , isso é suportado nos atributos playbackRatee defaultPlaybackRate, 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 acima funciona em Chrome 43+, Firefox 20+, IE 9+, Edge 12+.

Jeremy Visser
fonte
1
Obrigado pelo recurso útil.Embora o Firefox não suporte o atributo Eu fiz uma demonstração no Chrome, que funciona bem.Eu acho que meu chefe vai gostar disso.Obrigado!
Jovem
4
playbackRate funciona no Firefox desde a versão 20 . Também funciona no Chrome.
Janus Troelsen
2
isso funciona quando executado no início, mas não se executado posteriormente, como em: window.onload = function () {document.getElementById ("master_video"). defaultPlaybackRate = 0.1; document.getElementById ("master_video") .play ();}
Fzs2
não o seu trabalho para Ionic do Android ... Eu estou usando jogador% de vídeo HTML em framwork iônica para o Android, mas não suportar taxas de reprodução .........
Dinesh R Rajput
1
@Sushan .querySelectorretorna o primeiro correspondente. Você pode usar .querySelectorAll, mas precisa iterar através deles, em vez de usar diretamente o código nessas respostas.
18717 LeHRZ
52

Apenas digite

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

no console JS do seu navegador moderno.

Andrey Panasyuk
fonte
Alguns atributos do elemento video impedirão que este comando funcione. Se esse comando do console falhar, verifique os atributos no elemento de vídeo e nos elementos pai no inspetor e remova aqueles que bloqueiam a interação do usuário com o vídeo. O tente o comando novamente.
9788 Christopher Harwood
0

Você pode 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
fonte
Oi @Armel, posso saber onde colocar esse código se estiver usando o Selenium com Python?
balandongiv 19/04
Oi @balandongiv, me desculpe, eu não sei :(
Armel
-1 
javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

você pode colocar qualquer número aqui, apenas não vá muito longe para não exceder o seu computador.

Mattyduke1
fonte