Angular Tippy.JS Directive & Service
This is a wrapper around the Tippy.js. Easily create tooltips using a directive or utilize the service
Installation
Install Using NPM
npm install --save angular-tippy
Adding Module
;; @
Usage
*.component.html
*.component.ts
config: PlayerConfig; { thisconfig = videoId: 'eP4j6GF6iM8' autoPlay: false ; } { // Do Something when state changes i.e pause / play }
API
PlayerConfig API
Property Name,Property Type,Description |
VideoId,String,The id of the video that you would like to embed |
Width,String,"The width of the video player, i.e '300px'" |
Height,String,"The height of the video player, i.e '300px'" |
startSeconds,Number,The start time in seconds |
endSeconds,Number,The end time in seconds |
autoPlayer,Boolean,If the video should auto play the video |
mediaContentUrl,String,The url of the video you would like to embed |
suggestQuality,'large' |
AngularYoutubePlayerComponent API
Property,Type,Description |
config,PlayerConfig,Configuration of the video player |
videoList,string[],Array of video urls or ids |
ready,EventEmitter,Notify when the video is ready |
error,EventEmitter,Notify when an error has occured |
stateChange,EventEmitter,Notify when the state of the player has changed |
playbackRateChange,EventEmitter,Notify when the playback rate has changed |
playbackQualityChange,EventEmitter,Notify when the playback quality has changed |
License
Apache License Version 2.0, January 2004