typescript - Cum să folosești API-ul player-ului iFrame YouTube cu Angular 2+?

Încerc să urmez documentația API-ului playerului YouTube și am dificultăți în a o implementa cu Angular 4.

Unul dintre componentele mele are un videoclip pe YouTube în care trebuie să facă diverse lucruri, cum ar fi să pornească videoclipul la un moment specific, să îl pună automat pe pauză, să-l redea etc. Știu că pot să încarc un videoclip YouTube și să folosesc API-ul direct în șablonul unui component astfel:

<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>

dar cum aș avea acces la schimbările sale de stare în fișierul .ts corespunzător componentului? Pot accesa videoclipul în fișierul TypeScript folosind valoarea id-ului iframe-ului pe care l-am dat?

De asemenea, sunt de acord să folosesc pachete precum acesta, dar exemplele nu explică cum să le folosesc cu componente. Sunt sigur că problema mea provine din neînțelegerea modului în care funcționează Angular 2+ și aș aprecia orice ajutor.