How to optimize video loading on a website from youtube.com?

Question

YouTube

I am using an iframe to display a youtube video.

<iframe width="100%" height="200" src="https://www.youtube.com/embed/<? echo $video_path ?>"></iframe>

The paths to the videos are retrieved from the database and displayed on the page in a loop. The problem is just brutally slow page loading, even with 2 elements. I look at the server requests in the console, there are about 30 different requests to youtube.com. I suspect that the page may take so long to load because of these requests. Is there any way to optimize video loading? Or maybe something else could be the problem here?

Answer 1

There can be many problems.
1. The speed of your Internet.
2. Hoster's server
3. Browser cache
....
And of course, it would not hurt to see a link to the resource, so as not to vang.

Answer 2

https://jsfiddle.net/ped3hL9f/1/