Forum Discussion
Troubles with Replay Functionality
Looking for confirmation, is this the best solution?
The scenario:
- I have a slide that plays a video on the base layer, they do a multiple choice quiz (created using Freeform), then the correct and incorrect layers each play their own video response. Additionally, the incorrect layer adjusts the display based on the user's selection. This is a common scenario that exists multiple times per project.
- I use a custom Continue button and hide the player navigation, but leave the seek bar as read only
The goal:
- When hitting Replay, I would like it to replay the entire slide, starting with the Base video.
- Players must be able to play/pause the slide - not just the current video, the entire slide so other visuals stay in sync. I have included a transparent layer over each video to ensure they can't click to pause the video separately.
Built in solutions I've tried:
- I have Reset to Initial selected for the base and the layers
- If I turn off Allow Seeking on the layer, then users cannot pause the slide
- If I enable Allow Seeking, then Replay only affects the current layer.
The messy solution I found:
- Change the label on the Previous button (63) to say REPLAY. I cannot find a way to replace it with the Replay symbol.
- Changed the screenreader verbiage for the previous button (23) to say "Replay Slide"
- Set the functionality to "Jump to This Slide".
- Ran the following javascript when the first slide loads:
document.getElementById('reset').style.visibility = "hidden"; - When the user presses Ctrl+Alt+R (keyboard shortcut to replay using the default functionality), "Jump to This Slide"
Does this solution break anything that I haven't noticed? Is there a better solution?
3 Replies
Hi HoneyTurner! Thanks for sharing the details of your setup. Your workaround sounds solid! If you’re open to it, feel free to share your .story file. Others might spot edge cases or have tips to make it even smoother.
- HoneyTurnerCommunity Member
I can put together a stand alone sample for the public, but probably not on a Friday. Until I do, I'll add that I found one more spot that needed changing. I changed the alt text for the previous button (179) to Replay (Ctrl+Alt+R)
- HoneyTurnerCommunity Member
I put together a tutorial that walks through each step, including a demonstration of why a solution was needed. The .story is attached here.
Feedback welcome.
Related Content
- 10 months ago
- 10 years ago
- 6 months ago
- 10 years ago
- 2 months ago