ngx-embedded-media

Embed media from from top tier media providers directly in your Angular 6+ application.
Currently supports YouTube, Vimeo, *Twitch (videos and clips) and Dailymotion.


Installation

To install ngx-embedded-media library, run:

``bash
$ npm install ngx-embedded-media --save
`

Importing the Library Module

`typescript
import { EmbeddedMediaModule } from 'ngx-embedded-media';

@NgModule({
imports: [EmbeddedMediaModule.forRoot()]
})
export class AppModule {}
`

Usage

Embedding a video:

`html



`

Embedding video thumbnail:

`html



`

Embedding playlist:

`html



`

Available Optional Inputs

$3

Object to be serialized as a query string and appended to the embedded content url. I.e:

`html

`

$3

Object containing additional attributes to be added to the embedded iframe / image. I.e:

`html

`

$3

The service provider name.

- youtube
- vimeo
- twitch
- daily-motion

`html

`

$3

Unique options that can be passed to the service provider to control the video / thumbnail appearance.

#### Youtube Image Resolution Options

- default
- mqdefault
- hqdefault
- sddefault
- maxresdefault

`html

`

#### Vimeo Image Resolution Options

- thumbnail_small
- thumbnail_medium
- thumbnail_large

`html

`

#### Dailymotion Image Resolution Options

- thumbnail_60_url
- thumbnail_120_url
- thumbnail_180_url
- thumbnail_240_url
- thumbnail_360_url
- thumbnail_480_url
- thumbnail_720_url
- thumbnail_1080_url

`html

``