Cześć,
Mam problem z załadowaniem skryptu odtwarzacza yt na stronę. Nie wyświetla mi się nawet sama miniatura filmu i nie wiem czemu tak się dzieje.
cam1.component.html

<html>
<body>
  <div id="player"></div>

  <script>
    var tag = document.createElement('script');

    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    var player;
    function onYouTubeIframeAPIReady() {
      player = new YT.Player('player', {
        height: auto,
        width: auto,
        videoId: 'M7lc1UVf-VE',
        events: {
          'onReady': onPlayerReady,
          'onStateChange': onPlayerStateChange
        }
      });
    }

    function onPlayerReady(event) {
      event.target.playVideo();
    }

    var done = false;
    function onPlayerStateChange(event) {
      if (event.data == YT.PlayerState.PLAYING && !done) {
        setTimeout(stopVideo, 6000);
        done = true;
      }
    }
    function stopVideo() {
      player.stopVideo();
    }
  </script>
  </body>
</html>

app.component.html


<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="app.component.css">

</head>
<body>
<div class="navigation">
  <app-options></app-options>
</div>

    <div class="row">
      <div class="col"><app-cam1></app-cam1></div>
      <div class="col"><app-cam2></app-cam2></div>
      <div class="col"><app-cam3></app-cam3></div>
      <div class="col"><app-cam4></app-cam4></div>
      <div class="col"><app-cam5></app-cam5></div>
      <div class="col"><app-cam6></app-cam6></div>
    </div>



</body>