Skip to content

Conversation

@quanru
Copy link
Collaborator

@quanru quanru commented Feb 10, 2026

Summary

  • Move download report, export video, and settings buttons from a separate toolbar below the video into the Remotion Player's built-in control bar using the renderCustomControls API
  • Remove the old player-tools-wrapper / player-tools layout and associated styles
  • Buttons now appear inline with play/pause and fullscreen controls, styled to match Remotion's dark control bar

Test plan

  • Verify download report, export video, and settings buttons appear in the player control bar
  • Verify settings dropdown opens upward (topRight placement) from the control bar
  • Verify buttons are visible in both light and dark mode
  • Verify video export still works correctly
  • Verify controls hide/show with Remotion's built-in hover behavior

Use renderCustomControls API to place download, export, and settings
buttons directly in the player's built-in control bar instead of a
separate toolbar section below the video.
@cloudflare-workers-and-pages
Copy link

Deploying midscene with  Cloudflare Pages  Cloudflare Pages

Latest commit: 652c452
Status: ✅  Deploy successful!
Preview URL: https://2b2411bb.midscene.pages.dev
Branch Preview URL: https://feat-player-inline-controls.midscene.pages.dev

View logs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant