# ng-plyr (NGP) An HTML5 media player, built using Angular. It has interface similar to Youtube player. It can be used in Angular 14 and above. ## Usage ### Add NgPlyrModule to your AppModule: ``` import { NgPlyrModule } from 'ng-plyr'; ... @NgModule({ imports: [ ... NgPlyrModule ], ... }) export class AppModule { } ``` ### Add this tag to your Component html ``` ``` **OR** ``` ``` **OR** ``` ``` And assign value to mediaUrl in component.ts **Note:** `playlist` is preferred over `src`, so if both are passed, media will play from `playlist` ### ng-plyr input attributes | Input | Type | Description | | ------------------- | -------------------- | --------------------------------------------- | | `src` | `string` | URL of media source | | `preload` | `string` | Same as HTML `