1. Review
Which viewport do you want to inspect?
Review the situation before the video pauses.
Product demo example
Check a video embed at three page widths.
Select a page width and watch one embedded training player keep its aspect ratio.
How it was built
The viewer's choice controls the route
Mindstamp saves selected path and path summary, opens the matching scene, and keeps the response in the session recap.
- Buttons
- Video branching
- Viewer variables
What it does
The container changes; the player stays 16:9 and the controls remain inside the frame.
The code and page are illustrations. The demo does not run third-party embed code.
Inside the experience
What the viewer does
The video gives each interaction a clear job in the route.
2. Choose
Select an answer
Choose Phone: 360 px, Tablet: 768 px, or Desktop: 1200 px.
3. Follow
See the result
The video opens the matching scene and carries selected path and path summary into the recap.
What it reports
Each interaction is measured
- Viewer choice
- The report stores the answer selected in the decision scene.
- Result route
- The session shows which result scene opened after the choice.
- Selected Path and Path Summary
- The recap keeps the saved value with the viewer session.
More examples
See what else is possible
Each related page contains a published example you can use.
Product demo
Progressive disclosure desk
Choose to write a draft, review changes, or publish and see only the information needed for that action.
Watch →Product demo
Choose your first interaction
Choose training, product exploration, or lead qualification and see which interaction to add first.
Watch →Product demo
First-value onboarding fork
Choose a project, teammate, or deadline goal. The video opens one focused setup task and records the result.
Watch →Build one like it
Start from a video you already have
The interactions were added on top of an existing recording.