Lite YouTube embed frame

The goal of this minimalistic service is to provide a simple alternative to slow, regular embed from YouTube.

For this, we use Lite YouTube Embed. You don't need to include it on your app (that's always 6kb of js and 3kb of css saved) because you will be including the iframe in our app that is hosted on vercel.

How to use

Simply replace your YouTube embeds with this:

<div class="iframe-container">  
<iframe
    src="https://lite-youtube-embed-iframe.vercel.app/embed/ogfYd705cRs?autoplay=1&controls=0
    loading="lazy"></iframe>
</div>

You can pass as query parameters any parameter that must be passed to the player.

These parameters need to be url encoded

Good to know

The response is cached for 1 year. If you want to see an uncached version, you can simply query use ?_vercel_no_cache=1 in the request parameters.

Recommended css

Don't forget to make your iframe container responsive using something like this

.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

Demo

Simply visit https://lite-youtube-embed-iframe.vercel.app