Create a custom rewind button?

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");