Docs: Modernize video sequence guide

[JonnyBurger]

Summary

• rewrite the playing-videos-in-sequence guide into three focused steps
• use <Video> from @remotion/media and include premounting in the first example
• replace parseMedia() with Mediabunny's Input.computeDuration() and document CORS requirements

Testing

• bun prewarm-twoslash.ts (from packages/docs)
• bun run build
• bun run stylecheck

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	Jul 16, 2026 9:34am
remotion	Ready	Preview, Comment	Jul 16, 2026 9:34am

[pullfrog]

✅ No new issues found.

Reviewed changes — modernized the "Playing videos in sequence" how-to guide by replacing <OffthreadVideo> with <Video> from @remotion/media and switching duration discovery from @remotion/media-parser to Mediabunny's Input.computeDuration().

• Restructured the guide into three clear steps — creating the <Series> of <Video> clips, calculating durations with Mediabunny, and registering the <Composition>.
• Adopted <Video> and premountFor in the first example — the new component is the documented preferred video component; premountFor replaces the old standalone premounting section.
• Replaced parseMedia() with Mediabunny — the calculateMetadata() example now uses Input + UrlSource with computeDuration(), matching the canonical patterns in the Mediabunny metadata and <OffthreadVideo> looping docs.
• Added CORS and native-buffering notes — the rewrite accurately calls out that Mediabunny loads via fetch() and that <Video> uses the Player buffer state by default.

  ^{｜ View workflow run ｜ Using Kimi K2 (free via Pullfrog for OSS) ｜ 𝕏}

[pullfrog]

✅ No new issues in the incremental changes.

Reviewed changes — two follow-up commits adjusting the step markup and reducing the premountFor duration.

• Fixed <Step> formatting — removed bullet markers and joined the steps with <br />, matching the fragile <Step> component conventions.
• Reduced premounting from 4 seconds to 1 second — changed premountFor={4 * fps} to {fps} and updated the explanation to say "one second".

  ^{｜ View workflow run ｜ Using Kimi K2 (free via Pullfrog for OSS) ｜ 𝕏}