<div class="container">

  <br>

  <p>
    <strong>
    Scroll down to view lazy-loaded iframe, please.
    </strong>
  </p>

  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae sequi velit ipsum inventore eligendi maiores numquam doloribus saepe. Aliquam modi eligendi non iure explicabo quis molestias voluptatum quam omnis voluptas.
  </p>  
  
  <p>
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Esse aliquam repellat et nihil autem distinctio quibusdam eius, tenetur laudantium. Minus ratione neque velit qui porro fuga quos atque voluptatem amet.
  </p>  
  
  <p><img src="http://satyr.io/5000x5000/grey?text=IMG" class="img-fluid"></p>  
  
  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate eius rem accusamus omnis eligendi eveniet perspiciatis beatae neque cum dolor corrupti esse reprehenderit iure voluptas, consequuntur ea cumque et tempora.
  </p>  
  
  <p>
    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde sint officiis natus repellat! Asperiores, quo quibusdam. Aspernatur vero quasi culpa aperiam saepe distinctio harum qui dicta vel, dolore asperiores quos!
  </p>   
  
  <p>
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eum voluptates deleniti earum reiciendis nesciunt quam tenetur explicabo, labore sit enim ex suscipit dolore quo vel aperiam, fugit deserunt ad voluptatem?
  </p>
  
  <p><img src="http://satyr.io/5000x5000/grey?text=IMG" class="img-fluid"></p>     
  
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat rem adipisci commodi veritatis dicta quod deleniti, aliquam voluptatem delectus. Accusantium corporis eos pariatur officia iste repudiandae rem dolore! Illum, aperiam?
  </p>
  
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat rem adipisci commodi veritatis dicta quod deleniti, aliquam voluptatem delectus. Accusantium corporis eos pariatur officia iste repudiandae rem dolore! Illum, aperiam?
  </p>
  
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat rem adipisci commodi veritatis dicta quod deleniti, aliquam voluptatem delectus. Accusantium corporis eos pariatur officia iste repudiandae rem dolore! Illum, aperiam?
  </p>  
  
  <p><img src="http://satyr.io/5000x5000/grey?text=IMG" class="img-fluid"></p>    
  
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat rem adipisci commodi veritatis dicta quod deleniti, aliquam voluptatem delectus. Accusantium corporis eos pariatur officia iste repudiandae rem dolore! Illum, aperiam?
  </p>
  
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat rem adipisci commodi veritatis dicta quod deleniti, aliquam voluptatem delectus. Accusantium corporis eos pariatur officia iste repudiandae rem dolore! Illum, aperiam?
  </p>  
  
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat rem adipisci commodi veritatis dicta quod deleniti, aliquam voluptatem delectus. Accusantium corporis eos pariatur officia iste repudiandae rem dolore! Illum, aperiam?
  </p>
  
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat rem adipisci commodi veritatis dicta quod deleniti, aliquam voluptatem delectus. Accusantium corporis eos pariatur officia iste repudiandae rem dolore! Illum, aperiam?
  </p>  
  
  <p><img src="http://satyr.io/5000x5000/grey?text=IMG" class="img-fluid"></p>    
  
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat rem adipisci commodi veritatis dicta quod deleniti, aliquam voluptatem delectus. Accusantium corporis eos pariatur officia iste repudiandae rem dolore! Illum, aperiam?
  </p>
  
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat rem adipisci commodi veritatis dicta quod deleniti, aliquam voluptatem delectus. Accusantium corporis eos pariatur officia iste repudiandae rem dolore! Illum, aperiam?
  </p>    
  
  <p>
    <strong>The following video is lazy-loaded:</strong>
  </p>  
  
  <div class="embed-responsive embed-responsive-16by9">
    <iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/caxfm0jO7uY" frameborder="0"  allowfullscreen></iframe>  
  </div>
  
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat rem adipisci commodi veritatis dicta quod deleniti, aliquam voluptatem delectus. Accusantium corporis eos pariatur officia iste repudiandae rem dolore! Illum, aperiam?
  </p>    

  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat rem adipisci commodi veritatis dicta quod deleniti, aliquam voluptatem delectus. Accusantium corporis eos pariatur officia iste repudiandae rem dolore! Illum, aperiam?
  </p>      
    
</div>  

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.