Comment changer la vitesse de lecture des vidéos en HTML5?

Réponses:

201

Selon ce site , cela est pris en charge dans les attributs playbackRateet defaultPlaybackRate, accessibles via le DOM. Exemple:

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

Ce qui précède fonctionne sur Chrome 43+, Firefox 20+, IE 9+, Edge 12+.

Jeremy Visser
la source
1
Merci pour la ressource utile.Bien que Firefox ne prenne pas en charge l'attribut, j'ai fait une démo dans Chrome qui fonctionne bien.Je suppose que mon patron aimera ça.Merci!
Jeune
4
playbackRate fonctionne dans Firefox depuis la version 20 . Cela fonctionne également dans Chrome.
Janus Troelsen
2
cela fonctionne lorsqu'il est exécuté au début mais pas s'il est exécuté plus tard dans le processus, par exemple à: window.onload = function () {document.getElementById ("master_video"). defaultPlaybackRate = 0.1; document.getElementById ("master_video") .play ();}
Fzs2
cela ne fonctionne pas pour Ionic Android ... J'utilise le lecteur vidéo HTML% dans le cadre ionique pour Android mais il ne prend pas en charge les taux de lecture .........
Dinesh R Rajput
1
@Sushan .querySelectorrenvoie le premier correspondant. Vous pouvez utiliser .querySelectorAll, mais vous devez les parcourir au lieu d'utiliser directement le code dans ces réponses.
leewz
52

Tapez simplement

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

dans la console JS de votre navigateur moderne.

Andrey Panasyuk
la source
Certains attributs de l'élément vidéo empêcheront cette commande de fonctionner. Si cette commande de console échoue, vérifiez les attributs de l'élément vidéo et des éléments parents dans l'inspecteur et supprimez ceux qui bloquent l'interaction de l'utilisateur avec la vidéo. Essayez à nouveau la commande.
Christopher Harwood
0

Vous pouvez utiliser ce code:

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

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

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

function fastPlaySpeed() { 
    vid.playbackRate = 2;
}
Abdul Quadir
la source
Salut @Armel, puis-je savoir où mettre ce code si j'utilise Selenium avec Python?
balandongiv
Salut @balandongiv, je suis désolé je ne sais pas :(
Armel
-1 
javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

vous pouvez mettre n'importe quel nombre ici, mais n'allez pas trop loin pour ne pas surcharger votre ordinateur.

Mattyduke1
la source