A reusable video player component with custom play/pause and duration handling.
Uses react-player to embed the video player and supports custom UI controls, duration display, and a skeleton loader while loading.
react-player
<VideoPlayer url="https://example.com/video.mp4" fileName="Audition Tape" showDuration={true}/> Copy
<VideoPlayer url="https://example.com/video.mp4" fileName="Audition Tape" showDuration={true}/>
Video source URL, optional file name, and duration flag.
A styled video player with play controls and optional metadata.
A reusable video player component with custom play/pause and duration handling.
Remarks
Uses
react-playerto embed the video player and supports custom UI controls, duration display, and a skeleton loader while loading.Example