// 安装依赖

npm i videogular2 --save

npm i hls.js --save

// 在index.html中引入

<script src="assets/hls.min.js"></script>

<link href="assets/fonts/videogular.css" rel="stylesheet">

// 在app.modules.ts中引入

import {VgCoreModule} from 'videogular2/core';

import {VgControlsModule} from 'videogular2/controls';

import {VgOverlayPlayModule} from 'videogular2/overlay-play';

import {VgBufferingModule} from 'videogular2/buffering';

import { VgStreamingModule } from 'videogular2/streaming';

...

imports: [

   BrowserModule,

   IonicModule.forRoot(MyApp),

   VgCoreModule,

   VgControlsModule,

   VgOverlayPlayModule,

   VgBufferingModule,

   VgStreamingModule

 ],

...

// 在html中使用

<vg-player>

    <video #myMedia [vgMedia]="media"

           [vgHls]="'path-to/v.m3u8'"　　// 支持*.mp4类型文件播放

           id="my-video"

           type="video/mp4"

           controls>

    </video>

</vg-player>