HTML Help: Javascript and buttons, to both play and seek, segments of a large video

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:
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>
edit: perhaps some sort of 1 second delay/wait before the "video.play();" ?
 
Last edited:
  • Like
Reactions: osanaiko