mgmg-video-player v0.0.2

Mgmg videojs player

This is angular component used as video player .

• Beautiful and customizable styles
• Built in one video playing service.

Installation

MgmgVideoPlayer requires Angular v9+ to run.

Install the devDependencies and package.

npm i --save-dev @types/video.js
npm i mgmg-video-player

Import Module.

...
import { MgmgVideoPlayerModule } from 'mgmg-video-player';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    MgmgVideoPlayerModule,
    BrowserModule,
    AppRoutingModule,
  ],
  ...

Import styles.

@import 'mgmg-video-player/src/lib/mgmg-video-player.css'

You can change the theme color by change css variable called mgmgVidColor

:root{
    --mgmgVidColor: #fff;
}

@import '../../mgmg-video-player/src/lib/mgmg-video-player.css';

Using player.

In HTML:

<mgmg-video-player *ngIf="vidPlayerConf" [options]="vidPlayerConf"></mgmg-video-player>

In TS:

export class AppComponent {
  vidPlayerConf: MgmgVidPlayer = {
    controls: true,
    preload: 'metadata',
    autoplay: true,
    sources: [{
      src: '../assets/vids/vidplayer.mp4',
      type:'video/mp4'
    }]
  }
}

Options