Forum Discussion
Seekbar disabling after video completion
Your best option is to use JavaScript, as this functionality isn't built-in by default. Run the following script when the timeline ends on a slide:
const seek = document.querySelector('#seek');
const reset = document.querySelector('#reset');
seek.style.pointerEvents = 'none';
reset.addEventListener('click', function () {
seek.style.pointerEvents = 'all';
});Thank you for that. I tried it and while it does prevent the use of the seeekbar once the video is viewed, it also blocks it when replay is chosen and I want the seekbar to be available again at that point. Is there any way to make the seeekbar functional again on clicking a replay button? I'm very appreciative of your time, though. Thanks again,
I may have misunderstood your original post. The script blocks the timeline seekbar when it reaches the end, and clicking the Replay button unlocks it again.
Are you referring to the video seekbar specifically? I don’t see a Replay button in the video controls. Do you mean clicking the Play button again to replay the video?
I have added a button into my project with a trigger to replay, so it's not the built in replay option. Sorry, I proably wasn't clear. So, the script you provided did work in terms of it blocked the seekbar/timeline at the end of the video, but it didn't unblock it when 'my' replay button was pressed. Is there a solution to that?
Would you mind uploading a simple file or a mock-up of your current slide setup? It’s difficult to troubleshoot without seeing how things are configured — especially if you're using a custom button for interaction.