Ionic3 uses videogular2 video playback function to report an error

1. Because of the need of the project, we need a video playback function. After Baidu, many people recommend using videogular2, but report errors when using it

.

paste my code:
training-start.Module.ts code:

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

Code in html:

< ion-header >

< ion-navbar >

<ion-title></ion-title>

< / ion-navbar >

< / ion-header >

< ion-content padding >
< vg-player >

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

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

error report:

clipboard.png


it seems that the video component has not been correctly identified.

does app.moudule.ts have related modules that declare videogular2?


in yours. Export class {media;} in ts. Add media

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b35ce7-2bfb7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b35ce7-2bfb7.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?