Sometimes, we want to start HTML5 video at a particular position when loading with JavaScript.
In this article, we’ll look at how to start HTML5 video at a particular position when loading with JavaScript.
How to start HTML5 video at a particular position when loading with JavaScript?
To start HTML5 video at a particular position when loading with JavaScript, we can set the currentTime property to the number of seconds we want to jump to.
For instance, we write
document.getElementById("vid1").addEventListener(
"loadedmetadata",
(e) => {
e.target.currentTime = 50;
},
false
);
to select the video element with getElementById.
Then we call addEventListener to listen to the loadedmetadata event, which is triggered when the video metadata is loaded.
In the event listener callback, we set the currentTime property of the video element to jump to 50 seconds.
Conclusion
To start HTML5 video at a particular position when loading with JavaScript, we can set the currentTime property to the number of seconds we want to jump to.
