Docs / iFrame / Use Placeholder Images for YouTube iFrames

Use Placeholder Images for YouTube iFrames

When you embed a YouTube video, it creates an iframe and loads several resources:

  • Downloads an HTML file, one CSS, two/three (heavy) JS files which are more than 500KB
  • Extra DNS lookups to www.youtube.com, i.ytimg.com etc

You can replace YouTube embeds with a placeholder image. The YouTube video (iframe) will be loaded only on click/touch. So instead of loading several resources of iframe, only a single image is downloaded.

Why Placeholder is Blank

By default, FlyingPress chooses "hqdefault" (HD image) as the placeholder. If your video is not ready in HD, this placeholder image will be blank.

Double Click Issue

If you've embedded a YouTube video with "Enable privacy-enhanced mode", it will require double click/tap to load the video.