Forum Discussion
How to Remove Only Certain Playback Speed Options (e.g., 1.75x and 2x) from the Storyline Player?
Hi everyone,
I'm working on a Storyline project and would like to customize the playback speed options in the built-in player. Specifically, I want to remove only the 1.75x and 2x speed options, while keeping the slower speeds (1x, 1.25x, 1.5x) available for learners.
I’ve tried using JavaScript triggers to manipulate the speed control but had no luck. I also looked through the published output (frame.js, etc.), but couldn’t locate any editable section where the speed options are defined.
Has anyone managed to:
- Customize or limit the available playback speed options?
- Successfully edit the published output to remove specific speeds?
- Use any alternative method to achieve this?
Any guidance, workarounds, or examples would be much appreciated!
Hi Haseeb!
Create a trigger that execute this javascript when slide start:const divs = document.querySelectorAll('div[data-speed="2"], div[data-speed="1.75"]');
// Loop through the found divs to hide their parent li element
divs.forEach(div => {
const li = div.closest('li');
if (li) {
li.style.display = 'none';
}
});
The speed options (2 and 1.75) will be hidden.
5 Replies
I've been through all the player options and the built-in player variables, can't see anything.
Hi Haseeb!
I understand you would like the ability to limit or customize the available playback speeds in Storyline!
I noticed that you've also connected with my colleague Darrell, through a support case. I see that he's submitted a feature request on your behalf. We'll be sure to update you if we release a future enhancement, to Storyline's control of playback speed.
In the meantime, I'll open the floor to our community to share their insight and suggestions!
Hi Haseeb!
Create a trigger that execute this javascript when slide start:const divs = document.querySelectorAll('div[data-speed="2"], div[data-speed="1.75"]');
// Loop through the found divs to hide their parent li element
divs.forEach(div => {
const li = div.closest('li');
if (li) {
li.style.display = 'none';
}
});
The speed options (2 and 1.75) will be hidden.Could this be applied to a master slide and work for all slides in the project, or does it need to be applied to each slide?
Hi Hannah, Yes you can put this code snippet in the master slide and it will apply to all the slides.
