Forum Discussion
Disable dragging a video seekbar in Storyline 360
- 2 years ago
Hi Everyone! I did some JavaScript to make this work by simply adding an Execute JavaScript when the timeline starts Trigger.
These are the JS codes:
// One liner function:
const addCSS = css => document.head.appendChild(document.createElement("style")).innerHTML=css;
// Usage:
addCSS(".video-seekbar {display: none;} .modern-video-controls .video-controlbar {height: 50px !important;}")
Thank you so much, everyone!
Hi Luciana, thanks for sharing. I tried doing this but it doesn't work on my end, or maybe I'm doing it the wrong way? are you willing to share a story file that this workaround is working so I can replicate it in the right way? Thank you!
Hi Darryl,
There isn't a way to disable the functionality of the video control's seek bar. We recommend hiding this entirely if you would like to prevent your learners from skipping through the video.
One alternative that you can explore is to use the player's Play/Pause button to control your video instead.
This article explains how you can customize the Player for your course. I've attached a sample demo so you can see how the Player's Play/Pause button can control the video.
Let me know if you have any questions!
- DarrylPalaub4922 years agoCommunity Member
Hi Joe, thank you so much for this one. Yup this works but the problem is we do need the video controls that's why I can't do the one that you are suggesting.