angular - Angular2 上的 onYouTubeIframeAPIReady 找不到名称 'YT'

Question

我正在尝试将 YouTube 嵌入 API 插入到我的 Angular 2 项目中，该项目是使用 Angular CLI 构建的。

当我尝试对这个问题发表评论的方法时，我收到“无法找到名称‘YT’”:onYouTubeIframeAPIReady not firing on angular2 web app

我的服务代码如下所示:

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

(window as any).onYouTubeIframeAPIReady = function () {
  this.player = new YT.Player('player', {
    events: {
      'onReady': this.onPlayerReady,
      'onStateChange': this.onPlayerStateChange
    }
  });
};

(window as any).onPlayerReady = function (event) {
  event.target.playVideo();
};

(window as any).onPlayerStateChange = function (status) {
  console.log(status.data);
};

我不确定应该在哪里以及如何获得“YT”结构。我知道它来自“https://www.youtube.com/iframe_api”，但我不知道如何获得 Angular 来解决这个问题。

Answer 1

将此添加到我对引用 YT 的文件的导入似乎有效。

import 'youtube';

谁能解释一下为什么!我意识到这类似于 import * from 'moment'; 但我也从未真正理解过这一点。