dyYouTubeLazyLoadJS

Setup

Include CSS

Include the css file in the head.

<link
    rel="stylesheet"
    href="path/to/dist/css/dyYouTubeLazyLoad.min.css" />

Include JavaScript

Include the js file before the ending body tag.

<script src="path/to/dist/js/dyYouTubeLazyLoad.min.js"></script>

The container

Create div having class to dy-yt-lazyload and data-videoid attribute to the YouTube video id.

Example:

<div class="dy-yt-lazyload-container"
     data-videoid="FZjXYSmCntU"></div>

Demo

Video #1

Video #2