Sometimes, we want to change the playing speed of videos in HTML5 and JavaScript.
In this article, we’ll look at how to change the playing speed of videos in HTML5 and JavaScript.
How to change the playing speed of videos in HTML5 and JavaScript?
To change the playing speed of videos in HTML5 and JavaScript, we set the playbackRate property.
For instance, we write
document.querySelector("video").defaultPlaybackRate = 2.0;
document.querySelector("video").play();
document.querySelector("video").playbackRate = 3.0;
to select the video element with querySelector.
Then we set its playbackRate property to 3 to make it 3 times faster than the original speed.
We can also set the default speed by setting the defaultPlaybackRate property.
Conclusion
To change the playing speed of videos in HTML5 and JavaScript, we set the playbackRate property.
