Youtube Lazy Load Embedded Generator

Easily embed Youtube videos without affecting your website's page speed and without using any Javascript code! 🚀

HTML

CSS

/* This code is optional. */
/* It'll make your video responsive. */

.video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.video > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}