react-pro-video-player/README.md

A fully customizable and responsive React video player with fullscreen, captions, playback speed control, advertisement support, DRM solution and modern UI support — perfect for all your professional video needs.

1. **HLS Streaming** (`hlsUrl`) - For live streaming
2. **Regular Video Files && Using Streaming API** (`defaultVideoUrl`) - For MP4, WebM, etc.

## Usage Examples

### 1. HLS Streaming (MP4, WebM, etc.)

```tsx
import VideoPlayer from './src/VideoPlayer';
import 'react-pro-video-player/dist/VideoPlayer.css';

function App() {
  const onClose=()=>{
    //After close logic here
  };

  return (
    <VideoPlayer
      videoId={1}
      title="My Video"
      defaultVideoUrl="https://example.com/video.mp4"
      onClose={onClose}
      isCapturingScreenAllowed={true}
      isAdvertisementAllowed={true}
      advertisementSponserName="Sponser Name"
      advertisementImage="Sponser Name"
      advertisementVideo="Sponser Name"
      advertisementUrl="Sponser Name"
      advertisementImageDuration={15}
      advertisementVideoDuration={15}
    />
  );
}
```

### 2. HLS Live Streaming

```tsx
import VideoPlayer from './src/VideoPlayer';

function App() {
  const onClose=()=>{
    //After close logic here
  };
  return (
    <VideoPlayer
      videoId={1} // Use Unique to pass in or for single video just use 1 as default
      title="Live Stream"
      hlsUrl="https://stream.example.com/live/stream.m3u8"
      onClose={onClose}
    />
  );
}