Playground

Load a video, change the options, and copy a snippet that reproduces exactly what you see. Everything runs client-side — your files never leave the browser.

00:00 / 00:00

No video loaded

Drop files anywhere, or pick a source from the playlist panel.

Playlist

Your playlist is empty.

Add files or a stream URL to get started.

The React drop-in is self-configuring — it ships its own upload UI, controls, subtitles, and playlist. Try it here, then copy the snippet.

Options

The React <LightBirdPlayer /> is a zero-config drop-in — it manages its own controls and options internally. Switch to the tab to tweak attributes live.

Install

npm install @lightbird/player-react

App.tsx

import { LightBirdPlayer, Toaster } from "@lightbird/player-react";
import "@lightbird/player-react/styles.css";

export default function App() {
  return (
    <>
      {/* Toaster surfaces player notifications (optional) */}
      <Toaster />
      <LightBirdPlayer />
    </>
  );
}