Skip to main content
@remotion/player

Dynamic embedded
videos in React.



With the Remotion Player, you can embed videos that are written in React, and change them at runtime. Connect it to server-side rendering to turn them into real MP4 videos.



Powered by Remotion

Remotion is the premier framework for writing videos in React.
Use the timeline editor with Fast Refresh to get every frame perfect, before you embed it in a website.

Demo

Enter a name and pick a color and watch the video adapt.

Hi there!Your favorite color is
0:00 / 0:11

Reactive to data

Connect the video to an API or a form - the video will update immediately once the data changes - simply update a React prop!

Extremely customizable

The Remotion Player is inspired by the browsers native <video> tag. Get started by adding the controls prop, or build your own UI using our flexible APIs.

Turn it into real videos

Connect to the Remotion server-side rendering APIs to turn the preview into real videos. We have support for audio and various codecs, and allow rendering in Node.JS or serverless (coming soon).

Build video apps

Use our suite of tools to build apps that lets others create videos.

Remotion

Make videos programmatically
  • Use the Web to create graphics

  • Consume user input and APIs

  • Render real MP4 videos
YOU ARE HERE

Remotion Player

Embeddable interactive videos
  • Preview videos in the browser

  • React to user input

  • Customize look and behavior

Remotion Lambda

Render at scale
  • Render videos in the cloud

  • Scale according to your volume

  • Fast because distributed


Real-world project

Check out #GitHubUnwrapped to get your personal GitHub Year in Review.
Powered by @remotion/player!

New to Remotion?

Learn about how to make videos in React.

Already used Remotion?

Let's get setup with the Player.