Efficient Youtube Embed | theodorusclarence.com

This package allow us to embed a Youtube Video without actually loading the iframe, so we only show the thumbnail as an image then only load the iframe if clicked

Package Dependencies

yarn add react-lite-youtube-embed

And add this to globals.css

.yt-lite::before {
  content: none !important;
}

Usage

import LiteYouTubeEmbed from 'react-lite-youtube-embed';
import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 
<LiteYouTubeEmbed id='dHAbmoFHqgA' poster='hqdefault' noCookie={true} />;