Videogular2 Steuerung außerhalb <vg-player> Element

Question

Gibt es eine Möglichkeit, einen Controller außerhalb des <vg-player></vg-player> Elements zu verwenden?

Ich versuche, außerhalb der <vg-player> wie nach eine Vollbild-Taste zu machen:

<vg-controls> 
    <vg-fullscreen></vg-fullscreen> 
    </vg-controls> 

    <vg-player> 
    <vg-controls> 
     <vg-fullscreen></vg-fullscreen> 
    </vg-controls> 
    <video [vgMedia]="media" #media id="singleVideo" preload="auto" autoplay> 
     <source src="assets/videos/mov_bbb.mp4" type="video/mp4"/> 
    </video> 
    </vg-player>´ 

das, weil ich an einem anderen Ort auf diese Schaltfläche will, nicht ontop des Videos.

Der obige Code gibt mir folgende Fehler: ERROR TypeError: Invalid event target

Answer 1

Gefunden Lösung selbst.

mit der videogular2 API.

<vg-player (onPlayerReady)="onPlayerReady($event)"> 
     <video> <source srcs="myvideo"/></video 
    </vg-player> 

fullscreen() { 
     this.vg.fsAPI.toggleFullscreen(); 
    }