| sources | Source[] | An array of sources contain file, label and type | null | true |
| subtitles | Subtitle[] | An array of subtitles contain file, lang and language | null | false |
| hlsRef | React.MutableRefObject<Hls | null> | hls.js instance ref | React.createRef() | false |
| dashRef | React.MutableRefObject<DashJS.MediaPlayerClass | null> | dashjs instance ref | React.createRef() | false |
| hlsConfig | Hls["config"] | hls.js config | {} | false |
| changeSourceUrl | (currentSourceUrl: string, source: Source) => string | A function that modify given source url (hls only) | () => null | false |
| onHlsInit | (hls: Hls) => void | Called after hls.js initialization | () => null | false |
| onDashInit | (dash: DashJS.MediaPlayerClass) => void | Called after dashjs initialization | () => null | false |
| onInit | (videoEl: HTMLVideoElement) => void | Called after video initialization | () => null | false |
| ref | React.MutableRefObject<HTMLVideoElement | null> | video element ref | null | false |
| i18n | I18n | Translations | Default Translations | false |
| hotkeys | Hotkey[] | Hotkeys (shortcuts) | Default Hotkeys | false |
| components | Component[] | Customization components | Default components | false |
| thumbnail | string | Thumbnails on progress bar hover | null | false |
| poster | string | Video poster image on load | null | false |