ionic3 使用videogular2视频播放功能报错

Question

1、因为项目的需要，需要一个视频播放的功能，百度了一下，很多人都是推荐使用videogular2，但是使用起来报错

贴一下我的代码：
training-start.Module.ts代码：

import {NgModule} from '@angular/core';
import {IonicPageModule} from 'ionic-angular';
import {TrainingStartPage} from './training-start';

import {VgCoreModule} from 'videogular2/core';
import {VgControlsModule} from 'videogular2/controls';
import {VgOverlayPlayModule} from 'videogular2/overlay-play';
import {VgBufferingModule} from 'videogular2/buffering';

@NgModule({
declarations: [

TrainingStartPage,

],
imports: [

VgCoreModule,
VgControlsModule,
VgOverlayPlayModule,
VgBufferingModule,
IonicPageModule.forChild(TrainingStartPage),

],
})
export class TrainingStartPageModule {
}

html里面的代码：

<ion-header>

<ion-navbar>

<ion-title>开始训练</ion-title>

</ion-navbar>

</ion-header>

<ion-content padding>
<vg-player>

<video [vgMedia]="media" #media id="singleVideo" preload="auto" controls>
  <source src="http://static.videogular.com/assets/videos/videogular.mp4" type="video/mp4">
</video>

</vg-player>
</ion-content>

报错：

Answer 1

看报错似乎video这个组件并没有被正确的识别出来。

app.moudule.ts有声明videogular2的相关模块么？

Answer 2

在你的。ts中的export class {media;}.添加media