Wie ändere ich die Wiedergabegeschwindigkeit von Videos in HTML5?

123

Wie ändere ich die Geschwindigkeit der Video-Wiedergabe in HTML5? Ich habe die Attribute des Video-Tags in w3school überprüft , konnte mich dem aber nicht nähern. Jede Hilfe wäre dankbar!

— Jung
quelle

199

Laut dieser Site wird dies in den Attributen playbackRateund unterstützt, auf die defaultPlaybackRateüber das DOM zugegriffen werden kann. Beispiel:

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

Das Obige funktioniert auf Chrome 43+, Firefox 20+, IE 9+, Edge 12+.

— Jeremy Visser
quelle

1

Vielen Dank für die hilfreiche Ressource. Obwohl Firefox das Attribut nicht unterstützt, habe ich in Chrome eine Demo erstellt, die gut funktioniert. Ich denke, mein Chef wird das mögen. Danke!

— Junge

4

playbackRate funktioniert seit Version 20 in Firefox . Es funktioniert auch in Chrome.

— Janus Troelsen

2

Dies funktioniert, wenn es am Anfang ausgeführt wird, aber nicht, wenn es später im Prozess ausgeführt wird, z. B. unter: window.onload = function () {document.getElementById ("master_video"). defaultPlaybackRate = 0.1; document.getElementById ("master_video") .play ();}

— Fzs2

Es funktioniert nicht für Ionic Android ... Ich verwende HTML% Video Player in Ionic Framwork für Android, aber es unterstützt keine Wiedergaberaten .........

— Dinesh R Rajput

1

@Sushan .querySelectorgibt den ersten passenden zurück. Sie können sie verwenden .querySelectorAll, müssen sie jedoch durchlaufen, anstatt den Code in diesen Antworten direkt zu verwenden.

— Leez

52

Schreib einfach

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

in der JS-Konsole Ihres modernen Browsers.

— Andrey Panasyuk
quelle

Einige Attribute des Videoelements verhindern, dass dieser Befehl funktioniert. Wenn dieser Konsolenbefehl fehlschlägt, suchen Sie im Inspektor nach Attributen für das Videoelement und die übergeordneten Elemente und entfernen Sie diejenigen, die die Benutzerinteraktion mit dem Video blockieren. Versuchen Sie den Befehl erneut.

— Christopher Harwood

0

Sie können diesen Code verwenden:

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

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

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

function fastPlaySpeed() { 
    vid.playbackRate = 2;
}

— Abdul Quadir
quelle

Hallo @Armel, kann ich wissen, wo ich diesen Code ablegen soll, wenn ich Selenium mit Python verwende?

— Balandongiv

Hallo @balandongiv, es tut mir leid, ich weiß nicht :(

— Armel

-1

javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

Sie können hier eine beliebige Zahl eingeben, gehen Sie einfach nicht zu weit, damit Ihr Computer nicht überlastet wird.

— Mattyduke1
quelle