Come modificare la velocità di riproduzione dei video in HTML5?

124

Come modificare la velocità di riproduzione del video in HTML5? Ho controllato gli attributi dei tag video in w3school ma non sono riuscito a raggiungerlo. Qualsiasi aiuto sarebbe apprezzato!

— Giovane
fonte

201

Secondo questo sito , questo è supportato negli attributi playbackRatee defaultPlaybackRate, accessibili tramite il DOM. Esempio:

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

Quanto sopra funziona su Chrome 43+, Firefox 20+, IE 9+, Edge 12+.

— Jeremy Visser
fonte

1

Grazie per l'utile risorsa. Anche se Firefox non supporta l'attributo, ho creato una demo in Chrome che funziona bene. Immagino che al mio capo piacerà. Grazie!

— Young il

4

playbackRate funziona in Firefox dalla versione 20 . Funziona anche in Chrome.

— Janus Troelsen

2

funziona quando viene eseguito all'inizio ma non se viene eseguito in un secondo momento nel processo, ad esempio in: window.onload = function () {document.getElementById ("master_video"). defaultPlaybackRate = 0.1; document.getElementById ("master_video") .play ();}

— Fzs2

non funziona per Ionic Android ... Sto usando il lettore video HTML% in frame ionico per Android ma non supporta le velocità di riproduzione .........

— Dinesh R Rajput

1

@ Sushan .querySelectorrestituisce il primo corrispondente. Puoi usarli .querySelectorAll, ma devi iterarli attraverso invece di usare direttamente il codice in queste risposte.

— leewz

52

Basta digitare

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

nella console JS del tuo browser moderno.

— Andrey Panasyuk
fonte

Alcuni attributi dell'elemento video impediranno il funzionamento di questo comando. Se questo comando della console non riesce, controlla gli attributi sull'elemento video e sugli elementi principali nell'inspector e rimuovi quelli che bloccano l'interazione dell'utente con il video. Prova di nuovo il comando.

— Christopher Harwood

0

Puoi usare questo codice:

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

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

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

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

— Abdul Quadir
fonte

Ciao @ Armel, posso sapere dove mettere questo codice se sto usando Selenium con Python?

— balandongiv

Ciao @balandongiv, mi dispiace non lo so :(

— Armel

-1

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

puoi mettere qualsiasi numero qui solo non andare troppo lontano in modo da non sovraccaricare il tuo computer.

— Mattyduke1
fonte