Youtube Video Embed

This provides a fast way to embed youtube videos since it loads the youtube thumbnail istead of the iframe. It loads the iframe and starts playing upong clicking the play button.

Default

<Youtube id="q2Y3f0lHnMs" />

With custom play button

<Youtube id="q2Y3f0lHnMs">
  <button>play</button>
</Youtube>

Using custom overlay

<Youtube
id="q2Y3f0lHnMs"
--overlay-bg-color="{overlayBGColor}30"
--overlay-transition="all {overlayTransitionDuration}ms linear"
/>

Using custom title colors

<Youtube
id="kgZeIDSHlhQ"
--title-color={titleColor}
--title-shadow-color="{titleShadowColor}30"
--title-font-family={titleFontFamily}
/>

Alternative thumbnail

Some videos don't have custom thumbnail, so you can use this option to set the thumbnail to the default one.

<Youtube id="g50dm1OCV3w" altThumb={true} />

• Github
• npm