Подключаю к сайту Youtube IFrame API, хочу сделать что по кнопке ставилась пауза

Всем привет, есть html code и js code

let player;
const playerContainer = $('.player') ;

let eventsInit = () => {
  $(".player__start").click(e => {
    e.preventDefault();
  
    if (playerContainer.hasClass("paused")) {
      playerContainer.removeClass("paused");
      player.pauseVideo();
    } else {
      playerContainer.addClass("paused");
      player.playVideo();
    }
  });
 };
  
function onYouTubeIframeAPIReady() {
 player = new YT.Player("yt-player", {
   height: "405",
   width: "660",
   videoId: "LXb3EKWsInQ",
   events: {
     // onReady: onPlayerReady,
     // onStateChange: onPlayerStateChange
   },
   playerVars: {
     controls: 0,
     disablekb: 0,
     showinfo: 0,
     rel: 0,
     autoplay: 0,
     modestbranding: 0
   }
 });
};
<section data-sidemenu-theme="black" data-section-id="video" class="section player-section">
        <div class="container">
          <h2 class="section__title">Как мы работаем</h2>
          <div class="player-section__container">
            <div class="player active">
              <div class="player__wrapper">
                 <div id="yt-player" class="player__elem"></div>
                 <div class="player__splash"></div>
               </div>
               <div class="player__controls">
                 <button class="player__start"></button>
                 <div class="player__playback">
                 <button class="player__playback-button"></button>
               </div>
               <div class="player__duration">
                 <span class="player__duration-completed">0:00</span> :
                 <span class="player__duration-estimate">0:00</span>
               </div>
             </div>
           </div>
          </div>
        </div>
      </section>

Но почему выходить ошибка Ошибка


Ответы (0 шт):