Installation du script:

1 Inclure le CSS dans main.tpl
2 Connecter le JS à main.tpl

<!-- Incluez le CSS et le JS.. (Cela peut être directement depuis le package ou groupé) --> 
<link  rel="stylesheet" href ="node_modules/lite-youtube-embed/src/lite-yt-embed .css"/>

<script  src="node_modules/lite-youtube-embed/src/lite-yt-embed.js"></script>

<iframe width="560" height="315" src="https://www.youtube.com/embed/IvKPrxVHwJ0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<!-- Utilisez l'élément. Vous pouvez l'utiliser avant l'exécution du JS lite-yt-embed. -->
<lite-youtube videoid="IvKPrxVHwJ0" playlabel="Play: Keynote (Google I/O '18)"></lite-youtube>

<!-- Exemple pour montrer un lecteur vidéo sans contrôles, commençant à 10s, finissant à 20s,
     avec un branding modeste *et* l'activation de l'API JS -->
<lite-youtube videoid="ogfYd705cRs" params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1"></lite-youtube>

<lite-youtube videoid="ogfYd705cRs" style="background-image: url('https://i.ytimg.com/vi/ogfYd705cRs/hqdefault.jpg');">
  <button type="button" class="lty-playbtn">
    <span class="lyt-visually-hidden">Play Video: Keynote (Google I/O '18)</span>
  </button>
</lite-youtube>

<lite-youtube videoid="ogfYd705cRs" style="background-image: url('https://i.ytimg.com/vi/ogfYd705cRs/hqdefault.jpg');"></lite-youtube>