Comment changer la vitesse de lecture vidéo en HTML5? J'ai vérifié les attributs de la balise vidéo dans w3school, mais je n'ai pas pu aborder cela. Toute aide serait appréciée!
Comment changer la vitesse de lecture vidéo en HTML5? J'ai vérifié les attributs de la balise vidéo dans w3school, mais je n'ai pas pu aborder cela. Toute aide serait appréciée!
Réponses:
Selon ce site , cela est pris en charge dans les attributs playbackRate
et 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+.
.querySelector
renvoie le premier correspondant. Vous pouvez utiliser .querySelectorAll
, mais vous devez les parcourir au lieu d'utiliser directement le code dans ces réponses.
Tapez simplement
document.querySelector('video').playbackRate = 1.25;
dans la console JS de votre navigateur moderne.
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;
}
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.