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

Question

Comment modifier la vitesse de lecture d'une vidéo en HTML5 ? J'ai vérifié attributs de la balise vidéo Toute aide serait appréciée !

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

Answer 2

Dans chrome, créez un nouveau signet

Entrez un nom arbitraire par exemple speed selector puis entrez le code suivant dans l'URL

javascript :

var speed = prompt("Please enter speed", "1");
document.querySelector('video').playbackRate = speed,void(0);

lorsque vous cliquez sur ce signet, une fenêtre popup apparaît et vous pouvez entrer la vitesse de la vidéo.

Answer 3

Supposons que votre identifiant vidéo/audio soit myVideo alors vous pouvez simplement utiliser JavaScript pour faire ce que vous voulez faire, en tapant simplement le code JS suivant:-

var vid = document.getElementById("myVideo");
vid.playbackRate = 0.5;`

Cela réduira la vitesse de votre vidéo/audio à la moitié de sa vitesse.

vitesse de lecture

Indique la vitesse de lecture actuelle de l'audio/vidéo.

Exemples de valeurs :

1.0 is normal speed

0.5 is half speed (slower)

2.0 is double speed (faster)

-1.0 is backwards, normal speed

-0.5 is backwards, half speed

source : w3schools.com

Answer 4

Il suffit de taper la commande suivante dans la console javascript de votre navigateur :

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

Vous pouvez l'obtenir en choisissant l'option inspecter dans le menu du clic droit comme suit :

Answer 5

Il existe un plugin Chrome qui vous permettra de cliquer sur certaines commandes pour modifier la vitesse de la vidéo. https://chrome.google.com/webstore/detail/html5-video-speed-control/ejdipbccipeloijefbkiakckfhdbgocg?hl=en

Le code source est ici : https://github.com/benedictchen/google-chrome-html5video-controls