@remotion/player
Using the Remotion Player you can embed Remotion videos in any React app and customize the video content at runtime.
Templates
The following templates include the Player and Lambda rendering and are a good starting point for building a video app:
API
Guide
Installation
Install the Player into your project
Examples
Code samples for various scenarios
Sizing
Setting the size of the Player
Autoplay
Dealing with browser autoplay policies
Display time
Write a custom component for displaying the current time
Preloading assets
Make assets ready to play when they appear in the video
Best practices
Checklist of correct implementation
Buffer state
Pause the Player while assets are loading
Avoiding flickers
Troubleshooting for flickers due to unloaded assets
Premounting
Mount components earlier to allow them to load
Custom controls
Recipes for custom Play buttons, volume sliders, etc.
Media Keys
Control what happens when users presses ⏯️
Demo
Play the video, then tweak the parameters below the video.
Enter your name:
Select your favorite color: