@frameset/plex-playerv2.0.6

PlexPlayer

Professional React Video Player Component. TypeScript, Playlist, VAST Ads, and full customization.

$npm install @frameset/plex-player

v2.0.6MIT LicenseTypeScriptReact 18+PlaylistVAST Ads

Live Demo

Try the player right here

Demo playlist: Blender Foundation open movies

Everything you need

A complete video player solution out of the box

Full-Featured Player

Play, pause, seek, volume, playback rate, and more

Chromecast Support

Cast videos to any Chromecast-enabled device

Playlist Management

Queue management with thumbnail preview

Customizable UI

Fully themeable with CSS variables

Responsive Design

Works perfectly on desktop, tablet, and mobile

Keyboard Shortcuts

Full keyboard navigation support

Touch Gestures

Swipe to seek, double-tap to skip

Picture-in-Picture

Native PiP support for multitasking

Subtitles/Captions

Multi-track subtitle support with styling

VAST Ads

VAST 2.0/3.0/4.0 video advertising

React Component

Built for React with full TypeScript support

TypeScript

Full type definitions included

Quick Start

Get up and running in minutes

App.tsx

React

import { PlexVideoPlayer } from '@frameset/plex-player';
import '@frameset/plex-player/styles.css';

function App() {
  return (
    <PlexVideoPlayer
      src="https://example.com/video.mp4"
      poster="https://example.com/poster.jpg"
      autoPlay={false}
      pip={true}
      fullscreen={true}
      playbackSpeed={true}
      accentColor="#e5a00d"
      theme="dark"
      onPlay={() => console.log('Playing!')}
      onEnded={() => console.log('Ended!')}
    />
  );
}

View full documentation