@universal-web-video-player/player-react

React wrapper for the Universal Video Player.

Installation

npm install @universal-web-video-player/player-react @universal-web-video-player/player-web-component

Usage

import { UvpReactPlayer } from '@universal-web-video-player/player-react';

function App() {
  return (
    <div style={{ width: '800px', height: '450px' }}>
      <UvpReactPlayer 
        sourceUrl="https://example.com/video.mp4"
        autoplay
        muted
        onPlay={() => console.log('Playing!')}
      />
    </div>
  );
}

Props

• sourceUrl: string
• sourceType: 'mp4' | 'mov' | 'hls' | 'dash'
• qualities: UvpQualityOption[]
• autoplay: boolean
• muted: boolean
• poster: string
• controls: boolean (default true)
• playlist: UvpSourceItem[]

Methods (via Ref)

const playerRef = useRef<UvpReactPlayerHandle>(null);

// ...
playerRef.current?.play();
playerRef.current?.pause();
playerRef.current?.seek(10);