Jak zmienić prędkość odtwarzania filmów w HTML5?

Odpowiedzi:

201

Według tej witryny jest to obsługiwane w atrybutach playbackRatei defaultPlaybackRate, dostępnych za pośrednictwem DOM. Przykład:

/* 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;

Powyższe działa na Chrome 43+, Firefox 20+, IE 9+, Edge 12+.

Jeremy Visser
źródło
1
Dzięki za pomocne źródło informacji. Chociaż Firefox nie obsługuje atrybutu, który stworzyłem w Chrome, który działa dobrze. Myślę, że mojemu szefowi się to spodoba. Dziękuję!
Młody
4
playbackRate działa w Firefoksie od wersji 20 . Działa również w przeglądarce Chrome.
Janus Troelsen,
2
działa to, gdy jest uruchamiane na początku, ale nie działa, jeśli jest uruchamiane później w procesie, na przykład w: window.onload = function () {document.getElementById ("master_video"). defaultPlaybackRate = 0.1; document.getElementById ("master_video") .play ();}
Fzs2,
to nie działa dla Ionic android ... Używam odtwarzacza wideo HTML% w Ionic framwork dla Androida, ale nie obsługuje szybkości odtwarzania .........
Dinesh R Rajput
1
@Sushan .querySelectorzwraca pierwszy pasujący. Możesz użyć .querySelectorAll, ale musisz je iterować zamiast bezpośrednio używać kodu w tych odpowiedziach.
Leewz
52

Po prostu wpisz

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

w konsoli JS Twojej nowoczesnej przeglądarki.

Andrey Panasyuk
źródło
Niektóre atrybuty elementu wideo uniemożliwiają działanie tego polecenia. Jeśli to polecenie konsoli nie powiedzie się, sprawdź atrybuty elementu wideo i elementów nadrzędnych w inspektorze i usuń te, które blokują interakcję użytkownika z wideo. Ponów komendę.
Christopher Harwood
0

Możesz użyć tego kodu:

var vid = document.getElementById("video1");

function slowPlaySpeed() { 
    vid.playbackRate = 0.5;
} 

function normalPlaySpeed() { 
    vid.playbackRate = 1;
} 

function fastPlaySpeed() { 
    vid.playbackRate = 2;
}
Abdul Quadir
źródło
Cześć @ Armel, czy mogę wiedzieć, gdzie umieścić ten kod, jeśli używam Selenium z Pythonem?
balandongiv
Cześć @balandongiv, przepraszam, nie wiem :(
Armel
-1 
javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

możesz umieścić tutaj dowolną liczbę, ale nie idź za daleko, aby nie przeciążać komputera.

Mattyduke1
źródło