In react app, I am using react-hls-player.

 <ReactHlsPlayer
         className="video-player"
         src={link} // Here link is with .m3u8
         controls
         playsInline
         poster={thumbnailImage}
         onContextMenu={handleContextMenu}
 />

When I am refresh/loads the page video starts loading(backend calls will go). Here, I want to avoid it, I want to start load the video when user clicks on it means while playing.

Is there any callback function where we can modify this player? Or any other way? Please help me.