ng2-youtube-player-mini
Angular 2 lightweight wrapper for Youtube player - AoT ready
Installation:
npm install ng2-youtube-player-mini --saveUse 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
Licence
This project is licensed under the MIT license. See the LICENSE file for more info.
