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

124

Jak zmienić prędkość odtwarzania wideo w HTML5? Sprawdziłem atrybuty tagów wideo w w3school, ale nie mogłem podejść do tego. Każda pomoc byłaby doceniona!

— Młody
źródło

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