arunkumartdr / Light-Youtube-Embed

Embed Youtube videos with less page size. [light youtube embed]

YOUTUBE IFRAME LIGHT

This Reduce your page size

See Demo Here

See How this works

Features:

• Youtube Video Poster
• No Youtube Branding
• Responsive
• ✨Reduces page size and load iframe after webpage loads✨
• More on the way..

HOW TO USE

Want to use this? Great!

First step: Add this script tag to you webpage

<script src="https://cdn.jsdelivr.net/gh/arunkumartdr/Light-Youtube-Embed@1.0.0/youtube-light.min.js"></script>

Second step: Add this style tag to you webpage

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/arunkumartdr/Light-Youtube-Embed@1.0.0/youtube-light.min.css">

Third step: Add this Html to your site [Change Data Id with your youtube video id.]

<div id="liteplayer">
  <div class="youtube-player" data-id="nfH0pa0VSBI" /> 
</div>

MULTIPLE VIDEOS IN SINGLE PAGE: just add the code to your site as follows

<div id="liteplayer">
  <div class="youtube-player" data-id="nfH0pa0VSBI" /> 
</div>

<br>

<div id="liteplayer">
  <div class="youtube-player" data-id="nAP7esBta10" /> 
</div>

License

MIT

Free Software