如何在Angular 2+中使用youtube iFrame播放器API？

Question

我正在尝试关注youtube播放器api documentation，并且很难通过Angular 4实现它。

我的某个组件有一个youtube视频，需要在其中执行各种操作，例如在特定时间启动视频，自动暂停，播放等。我知道我可以加载YouTube视频并使用API在组件的模板中直接如下：

<iframe 
  id="player"
  type="text/html"
  width="420" 
  height="315" 
  src="https://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1&controls=1&disablekb=0"
  frameborder="0">
</iframe>

但是如何在组件的相应.ts文件中访问其状态更改？我可以使用我提供的iframe ID值来访问打字稿文件中的视频吗？

我也可以使用此one这样的软件包，但这些示例并未解释如何将其与组件一起使用。我确信我的问题源于对Angular 2+如何运作的误解，我将不胜感激。