How to optimize multiple (5 pieces) YouTube video embeds?

Question

JavaScript

How is it fashionable to optimize videos from YouTube?
There is a page, 5 videos from YouTube are stuck into it, which significantly affects the download. There is an idea, take a preview from the video + the name of the video, put the "play" icon on top (disguise it as a regular insert), write something like this in the div attributes for this block:

1) data-youtubesrc=" youtube.com/?v=youryoutubevideoid "
2) onClick="functionName();"

And already on click to insert a vidos player into this block.
Is the game worth the candle? This is the maximum that can be done to optimize?

Answer 1

Maybe you should use the youtube javascript API.
https://developers.google.com/youtube/iframe_api_r...
Well, what you described is also quite easy using this API