Create a custom rewind button?

Hi Simon,

Depending on your needs you could look at using the hotspot method as mentioned which includes no code. You could remove the seekbar from that one individual slide using the slide propertiees or you could also look at setting the seekbar to read only throughout the entire course so that way folks aren't using it to seek but just seeing it as the timing element. 

I agree, this is a need. I've submitted a feature request for this. Now what we need is for more people to also submit a feature request. The requests, the more likely it will percolate to the top of the request pile and actually become a feature.

Thanks Simon for clarifying a bit more, as perhaps I missed that in the variety of threads. I would defer to the community at this point as it's not something built into the Storyline interface. 

Also, as an FYI responding via email includes your signature here so you're welcome to edit the post to remove that information.

Hi Jacqui, 

There may be a way using Javascript code - but that's also outside my area of support and expertise. It wouldn't shock me though as everytime I think something can't be done - someone is able to do it with Javascript - so now it feels like magic. :-) 

Hi Jacqui,

You could do it with the SDK, but if there is a way to do it with just javascript, I haven't found it. I'm fairly confident that the setting you would need to do this is not available to javascript.

The way I get around this is through creating a custom button which simply rewinds to the beginning of the video.

My video commences playing when the slide does. I have a custom pause which pause the timeline, and a custom replay button which triggers a jump to slide command by jumping back to the slide I'm currently on. I also set the slide properties to 'reset to original' when revisiting. In video options i set controls to show to none, to prevent the bar from showing and to remove temptation for the user.

This prevents the user from fast forwarding, allows them to pause and allows them to rewind to the beginning of the video.

Thank you for that workaround David. I have been trying to figure this out as well, since my client wants a way to rewind the video in the slide.

I will have to give this a try.

Here's my solution in case it can help someone. My client wanted a Play/Pause and Rewind button with no Seekbar.

This technique is only effective in HTML5 - there is a different answer on these forums somewhere for Flash users.

First, set the seekbar to Read-Only.

Second, set a trigger on the Slide Master to Execute Javascript when the timeline starts. Here's the code:

// hide the progress bar
$(".progress-bar").css("display", "none");

That line of code selects the progress bar and hides it. Because of some Storyline idiosyncracies, it needs to be hidden again every time a new slide loads. Hence placing the trigger on the Slide Master. Also, hiding the element keeps the HTML5/CSS layout intact, so everything still looks right.

I'm including a picture of how it renders in HTML5. FWIW, the same technique can be used to hide the Rewind button, leaving only the Play/Pause button. The code to hide the Rewind button is:

// hide the rewind button
$(".restart").css("display", "none");

That's so cool Dennis.

I've added that to my bucket of tricks!

Thank you Dennis! This will definitely be useful for my next project