Lazy loading of remote videos

[IslamRustamov]

I have noticed that if I render a list of Video components, each one of them is showing a remote video (HLS video or whatever), all of the videos are going to start loading those videos at once.

Isn't it going to be convenient to add a new boolean prop called, for example, lazy:

<Video 
    source={remoteVideo}
    ref={videoRef}
    lazy
 />

And a new ref method:

videoRef.current.loadVideo()

So that we can control when we want to start loading remote video?

Might try myself in implementation of this thing.