๐Ÿ“บ React Lite YouTube Embed

A private by default, faster and cleaner YouTube embed component for React applications

The basic


<LiteYouTubeEmbed
  id="HaEPXoXVf2k"
  title="Amazon DynamoDB Deep Dive"
/>
                  

The basic with maxresdefault


<LiteYouTubeEmbed
  id="HaEPXoXVf2k"
  title="Amazon DynamoDB Deep Dive"
  poster="maxresdefault"
/>
                  

The basic with mqdefault


<LiteYouTubeEmbed
  id="HaEPXoXVf2k"
  title="Amazon DynamoDB Deep Dive"
  poster="mqdefault"
/>
                  

Using the Webp image format


<LiteYouTubeEmbed
  id="HaEPXoXVf2k"
  title="Amazon DynamoDB Deep Dive"
  poster="hqdefault"
  webp
/>
                  

A playlist


<LiteYouTubeEmbed
  id="PL0vfts4VzfNigohKr5sPrkcPFpuZmTe2C"
  title="This is a playlist from Firebase YouTube channel"
  playlist={true}
  playlistCoverId="Qhaz36TZG5Y" // Choose an id from any video to be the cover
  poster="hqdefault"
/>
                  

Passing params like time and any other to the iFrame url


<LiteYouTubeEmbed
  id="L2vS_050c-M"
  title="Nexo de cรณdigo aberto"
  params="start=1160"
  poster="maxresdefault"
/>