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+.


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.


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;
}

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.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.