2017-11-13 7 views
0

<vg-player></vg-player>要素の外にコントローラーを使用する方法はありますか?Videogular2 control outside <vg-player> element

私は、次のように<vg-player>外でフルスクリーンボタンを作成しようとしている:私は別の場所ではなく、映像の岩下このボタンをしたいので

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

これ。

上記のコードはエラー、次の私を与える:ERROR TypeError: Invalid event target

答えて

1

見つかりソリューション自分自身を。

videogular2 APIを使用します。

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

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