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

123

Como alterar a velocidade de reprodução de vídeo em HTML5? Verifiquei os atributos da tag de vídeo no w3school, mas não consegui abordar isso. Qualquer ajuda seria apreciada!

— Jovem
fonte

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