Video Player

Installation

npx shadcn add @limeplay/video-player

Usage

import {
  VideoPlayer,
  type VideoPlayerAsset,
} from "@/components/limeplay/video-player/components/media-player"

const playlist: VideoPlayerAsset[] = [
  {
    id: "sing-2",
    src: "https://ad391cc0d55b44c6a86d232548adc225.mediatailor.us-east-1.amazonaws.com/v1/master/d02fedbbc5a68596164208dd24e9b48aa60dadc7/singssai/master.m3u8",
    title: "Sing 2 Trailer",
  },
]

export function Player() {
  return <VideoPlayer playlist={playlist} />
}

Features

• Playlist queue with active item switching.
• Asset preloading when users hover playlist items.
• Timeline scrubbing with buffered progress feedback.
• Volume, mute, captions, playback rate, and picture-in-picture controls.
• Shaka-backed playback for HLS, DASH, and DRM-capable streams.

Notes

• VideoPlayer renders a video element internally. You do not need an as prop.
• Pass mediaProps for native video options like muted, playsInline, or autoPlay.
• Use resolveSource when your app needs signed URLs, token refresh, or custom asset loading.

API Reference