McLOVINu
Active Member
- Mar 18, 2018
- 907
- 416
- 187
edit: I can't seem to solve the movie pausing when I seek too far forward or backwards for the first time. [in firefox]
new code:
edit: perhaps some sort of 1 second delay/wait before the "video.play();" ?
new code:
Code:
<body>
<div>
<video controls width="640" height="360" autoplay loop muted>
<source src="longvideo.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<script>
const video = document.querySelector('video');
let loopStart, loopEnd;
video.addEventListener('loadedmetadata', () => {
loopStart = 10; // Start loop at 10 seconds
loopEnd = 20; // End loop at 20 seconds
});
video.addEventListener('timeupdate', () => {
if (video.currentTime >= loopEnd) {
video.currentTime = loopStart;
}
});
video.play();
function changeLoop(newStart,newEnd) {
loopStart = newStart;
loopEnd = newEnd;
video.currentTime = newStart;
video.play();
}
</script>
<button onclick = "changeLoop(142,155);" > Click Me </button>
</body>
Last edited: