Create a high-keyframe video output that seeks responsively when a website scroll interaction drives currentTime.
Where: Video Render → Render settings → Optimize for scrubbing
Key ideas
- Scrub-oriented encoding: The renderer uses an all-intra/high-keyframe path so seeking does not wait for a distant keyframe.
- Choose the right target: In-tab and supported desktop targets honor scrub encoding. Cloud currently ignores the required GOP settings and the UI warns about it.
- Trade-off: Smooth seeking costs more output size; the card estimates the increase and warns when a long clip is a poor scrub asset.
Steps
- Connect a composition/document/video source to Video Render.
- Choose In-tab or a supported desktop target.
- Enable Optimize for scrubbing and review the duration/size warning.
- Render, then use the resulting clip in f0’s Add scroll scrub action or a native video-scrub interaction.
Why encoding matters
Scroll scrubbing seeks repeatedly to arbitrary times. All-intra/high-keyframe encoding reduces dependency on distant keyframes, trading a larger file for more responsive seeking.
Supported targets
In-tab and supported desktop rendering honor the scrub GOP. Cloud currently ignores it; the warning means a cloud result should not be assumed scrub-ready.
Limitations and important notes
- Long/high-resolution all-intra video can be very large. Keep scrub segments short and test loading/seek behavior on mobile.
- Optimize for scrubbing prepares the media; the website still needs a scroll-scrub interaction.
Troubleshooting
The rendered video still seeks poorly
Verify it was rendered on a supported target with Optimize for scrubbing enabled, then test the final hosted file rather than a cached/cloud-normalized copy.