为什么回调函数没有启动？

如何解决为什么回调函数没有启动？

我不知道为什么，但 YouTube API 不起作用，我完全按照说明进行了操作。但是播放器 div 是空的。看起来回调函数没有启动。因为 console.log(YT) 未定义

哈巴狗

.main-house__main
          .video-block
            .video
              div( id="player")
              .video__preview
                img(src="img/images/preview.jpg")
                .video__button-wrapper
                  button(id="video-button").video__button

js

export default () => {
  var tag = document.createElement('script');
  tag.src = "http://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);

  var player;

  function onYouTubeIframeAPIReady() {
    console.log('api')
    player = new YT.Player('player',{
      height: '360',width: '640',videoId: 'M7lc1UVf-VE',events: {
        'onReady': onPlayerReady,}
    });
  }

  function onPlayerReady(event) {

    var playButton = document.getElementById("video-button");
    if(!playButton) {
      return null
    }
    playButton.addEventListener("click",function () {
      player.playVideo();
    });
  }
};