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.)

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

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}
    />
  );
}