v0.0.7 is now available

The video player for the
modern web

A production-ready, framework-first video player supporting HLS, YouTube, and MP4. Zero configuration required, entirely customizable.

Get Started

npm i @playerkit/react

Auto-Detection

Just pass a URL. PlayerKit automatically routes it to the HLS, YouTube, or MP4 engine natively.

Live Streams

First-class support for live broadcasts with DVR seek-back, latency tuning, and live-edge snapping.

Token Auth

Built-in fetcher/refresher architecture for playing secure streams behind authenticated CDNs.

Tree Shakeable

Import only what you need. If you only use the HLS player, the YouTube API never enters your bundle.

Headless Hooks

Want total control over the DOM? Use useHlsPlayer() to build your own UI from scratch.

Mobile Gestures

Native-feeling touch zones. Double tap to seek, swipe up for volume, all included out of the box.

app.tsx

import { Player } from "@playerkit/react";

export default function App() {
  return (
    <Player
      src="https://example.com/stream.m3u8"
      autoPlay
      muted
    />
  );
}