@remotion/player

import {PlayerExampleWithControls} from '../../components/PlayerExampleWithControls'; import {PlayerTableOfContents, PlayerGuide} from './TableOfContents';

Using the Remotion Player you can embed Remotion videos in any React app and customize the video content at runtime.

Demo

Play the video, then tweak the parameters below the video.

<PlayerExampleWithControls />

See the source code for this example.

Templates

The following templates include the Player and Lambda rendering and are a good starting point for building a video app:

• Next.js (App dir)
• Next.js (App dir, no TailwindCSS)
• Next.js (Pages dir)
• Next.js (App dir, Rendering in Vercel Sandbox instead Lambda)
• React Router 7 (Remix)

API

<PlayerTableOfContents />

Guide

<PlayerGuide />

See also

• Installation
• API