Angular 2 lightweight wrapper for Youtube player - AoT ready.


Keywords
ng2, angular, angular2, youtube, player, @angular
License
MIT
Install
npm install ng2-youtube-player-mini@2.2.4

Documentation

ng2-youtube-player-mini

Angular 2 lightweight wrapper for Youtube player - AoT ready

Installation:

npm install ng2-youtube-player-mini --save

Use Example:

In systemjs.config.js:

System.config({
    paths: {
      // paths serve as alias
      'npm:': 'node_modules/'
    },
    map: {
         //add line
         'ng2-youtube-player-mini': 'npm:ng2-youtube-player-mini'
      },
      // packages tells the System loader how to load when no filename and/or no extension
      packages: {
         //add line
         'ng2-youtube-player-mini': { defaultExtension: 'js' },

In app.module

import { YoutubePlayerMiniModule }  from 'ng2-youtube-player-mini'
...
imports:[YoutubePlayerMiniModule]

in Component

import {Component} from '@angular/core';

@Component({
  template: `
    <youtube-player [playerId]='"player"' [width]="640" [height]="480" [videoId]='"vntAEVjPBzQ"'> </youtube-player>
  `,
})

class App {

}

for Playlist, you can specify a playlistId:

<youtube-player [playerId]='"player"' [width]="640" [height]="480" [videoId]='' [playlistId]='"PLy_wKxVmWb4ZrduWMNXPWmBBImCAMqHV4"' > </youtube-player>

the videoId is then the id of the video where you want the playlist to start.

Notes

You can also pass an http type link to videoId.

Security Notes

videoId is considered Safe. Ensure these values are not provided by an unknown source.

Author

Sylvain Cau

Licence

This project is licensed under the MIT license. See the LICENSE file for more info.