Basic Usage

<lite-youtube videoid="guJLfqTFfIw"></lite-youtube>
    

Add Video Title

<lite-youtube videoid="guJLfqTFfIw" videotitle="This is a video title"></lite-youtube>
    

Change "Play" for Locale

<lite-youtube
   videoid="guJLfqTFfIw"
   videoplay="Mirar"
   videotitle="Mis hijos se burlan de mi español">
</lite-youtube>
    

Style It

Height and Width are responsive in the component.

<style>
  .styleIt {
    width: 400px;
    margin: auto;
  }
</style>
<div class="styleIt">
      <lite-youtube videoid="guJLfqTFfIw"></lite-youtube>
    </div>
    

Set video start time

<lite-youtube videoid="guJLfqTFfIw" videoStartAt="5"></lite-youtube>
    

AutoLoad with IntersectionObserver

<lite-youtube videoid="guJLfqTFfIw" videotitle="This is a video title" autoload></lite-youtube>
    

YouTube QueryParams

<lite-youtube videoid="guJLfqTFfIw" params="controls=0&enablejsapi=1"></lite-youtube>
    

<lite-youtube videoid="guJLfqTFfIw" posterquality="maxresdefault></lite-youtube>
    

<lite-youtube videoid="guJLfqTFfIw" nocookie</lite-youtube>
    

YouTube Playlist

<lite-youtube videoid="VLrYOji75Vc" playlistid="G5r6j4GptH5JTveoLTVqpp7w2oc27Q9"></lite-youtube>