How to display a large number of YouTube videos on the page?

Question

YouTube

Faced such a problem. My page should display a list of YouTube videos. But I use iframe or simple angular plugins, the page hangs until all the videos are loaded. If there are 2-3 videos on page, then you can tolerate it, if more, everything is bad. How to do it all right? Maybe there are plugins that display only the screen and load a specific video on click?

Answer 1

YouTube videos have pictures-frames ..
I display them, and when I click, I replace them with a script for an iframe or display them in the bootstrap modal
here is an example of the path to one frame from the video img.youtube.com/vi {id_video} /0.jpg

Answer 2

As an option, request a list from the YouTube API and do not start the video itself until they click play,

Answer 3

In short, it turned out something like this https://github.com/Boogie1989/youtube-video-directive