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


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.


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

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.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.