Media interactions (video, Lottie, Spline)

A set of ready-made interactions wire media to scroll or pointer: scrub a video or image sequence to scroll, scrub a Lottie, drive a Spline 3D scene, or auto-play a video when it enters the viewport (or on click).

Where: Right sidebar → Interact → Interactions → “+” → Media — Add a media interaction

Key ideas

• Scrub to scroll: Scrub a video (start/end, muted, loop), an image sequence (frames, fit), a Lottie, or a Spline scene as the page scrolls.
• Play on enter/click: Play a video when it scrolls into view, or toggle play/pause on click.

Steps

1. Select the media element.
2. Add a Media interaction from the picker.
3. Pick scrub-to-scroll or play-on-enter/click.
4. Set its start/end and options.