ngx-ytplayer v1.0.0

ngx-ytplater

Youtube embedded player wrapper

Get Started

1. NPM Install

npm i ngx-ytplayer

2. Import YtPlayerModule

import { YtPlayerModule } from './yt-player/yt-player.module';

@NgModule({
  // ...something...
  imports: [YtPlayerModule]
  // ...something...
})
export class YourModule {}

3. Add div Element with ytPlayer directive

<div ytPlayer
  style="height:800px;"
  [videoId]="videoId" // Youtube Video Id
  [(volume)]="volume" // Volume
  [autoPlay]="false" // Auto play when loaded
  [loop]="true" // Auto replay when ended
  [showFullScreenButton]="false" // hidden full screen button
  [showControls]="true" // show player controls
  [enableKB]="true" // enable keyboard control
  (stateChange)="eventChange($event)" // hook player state
  (currentTimeChange)="updateCurrentTime($event)" // hook player current time
  (durationChange)="duration=$event" // get video duration when video loaded
  ></div>

Properties and events

Properties

Events