Skip to content

arunkumartdr/Light-Youtube-Embed

Repository files navigation

YOUTUBE IFRAME LIGHT Hits

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