Angular 2 lightweight wrapper for Youtube player - AoT ready
npm install ng2-youtube-player-mini --save
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.
You can also pass an http type link to videoId.
videoId is considered Safe. Ensure these values are not provided by an unknown source.
[Sylvain Cau]()
This project is licensed under the MIT license. See the LICENSE file for more info.