ng2-youtube-player-mini

Angular 2 lightweight wrapper for Youtube player - AoT ready

Installation:

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

Use Example:

In systemjs.config.js:

1System.config({
2    paths: {
3      // paths serve as alias
4      'npm:': 'node_modules/'
5    },
6    map: {
7         //add line
8         'ng2-youtube-player-mini': 'npm:ng2-youtube-player-mini'
9      },
10      // packages tells the System loader how to load when no filename and/or no extension
11      packages: {
12         //add line
13         'ng2-youtube-player-mini': { defaultExtension: 'js' },

In app.module

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

in Component

1import {Component} from '@angular/core';
2
3@Component({
4  template: `
5    <youtube-player [playerId]='"player"' [width]="640" [height]="480" [videoId]='"vntAEVjPBzQ"'> </youtube-player>
6  `,
7})
8
9class App {
10
11}

for Playlist, you can specify a playlistId:

1<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.