Gathering detailed insights and metrics for @deepakhb2/ngx-embed-video
Gathering detailed insights and metrics for @deepakhb2/ngx-embed-video
Get embed code for embedding youtube/vimeo/dailymotion/* video in websites from URL or ID in Angular 6+.
Installations
npm install @deepakhb2/ngx-embed-videoDeveloper Guide
BETA
Typescript
No
Module System
N/A
Node Version
14.11.0
NPM Version
6.14.8
Score
68.3
Supply Chain
91.5
Quality
75.4
Maintenance
50
Vulnerability
97.6
License
Releases
Unable to fetch releases
Languages
2
TypeScript
JavaScript
TypeScript (94.33%)
JavaScript (5.67%)
Developer
deepakhb2
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
42 Commits
4 Branches
1 Contributors
Updated on Sep 21, 2020
Maintainers
1
Package Meta Information
Latest Version
1.1.4
Package Id
@deepakhb2/ngx-embed-video@1.1.4
Unpacked Size
105.35 kB
Size
19.32 kB
File Count
23
NPM Version
6.14.8
Node Version
14.11.0
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
11
Dev Dependencies
19
@deepakhb2/ngx-embed-video
Get embed code for embedding youtube/vimeo/dailymotion/* video in websites from URL or ID in Angular 7+ (Tested on 9/10). Currently supports YouTube, Vimeo and Dailymotion. Feel free to make pull request to add others!
Play with @deepakhb2/ngx-embed-video live on stackblitz.com/ngx-embed-video-example.
Installation
To install @deepakhb2/ngx-embed-video library, run:
1$ npm install @deepakhb2/ngx-embed-video --save
Consuming EmbedVideo library
and then in your Angular AppModule:
1import { HttpClientModule } from '@angular/common/http'; 2import { 3 NgxEmbedVideoModule, 4 NgxEmbedVideoService, 5} from '@deepakhb2/ngx-embed-video'; 6 7@NgModule({ 8 imports: [ NgxEmbedVideoModule, HttpClientModule ], 9 providers: [ NgxEmbedVideoService ] 10}) 11export class AppModule {}
Once your library is imported, you can use it in your Angular application.
Example usage:
1import { Component } from '@angular/core'; 2import { NgxEmbedVideoService } from '@deepakhb2/ngx-embed-video'; 3 4@Component({ 5 selector: 'app-component', 6 templateUrl: './template.html' 7}) 8export class AppComponent { 9 vimeoUrl = 'https://vimeo.com/197933516'; 10 youtubeUrl = 'https://www.youtube.com/watch?v=iHhcHTlGtRs'; 11 dailymotionUrl = 12 'https://www.dailymotion.com/video/x20qnej_red-bull-presents-wild-ride-bmx-mtb-dirt_sport'; 13 14 vimeoId = '197933516'; 15 youtubeId = 'iHhcHTlGtRs'; 16 dailymotionId = 'x20qnej'; 17 18 constructor(private embedService: NgxEmbedVideoService) { 19 console.log(this.embedService.embed(this.vimeoUrl)); 20 console.log(this.embedService.embed(this.youtubeUrl)); 21 console.log(this.embedService.embed(this.dailymotionUrl)); 22 23 console.log(this.embedService.embed_vimeo(this.vimeoId)); 24 console.log(this.embedService.embed_youtube(this.youtubeId)); 25 console.log(this.embedService.embed_dailymotion(this.dailymotionId)); 26 } 27}
Example output:
1<iframe 2 src="https://player.vimeo.com/video/197933516" 3 frameborder="0" 4 webkitallowfullscreen 5 mozallowfullscreen 6 allowfullscreen 7></iframe> 8<iframe 9 src="https://www.youtube.com/embed/iHhcHTlGtRs" 10 frameborder="0" 11 allowfullscreen 12></iframe> 13<iframe 14 src="https://www.dailymotion.com/embed/video/x20qnej" 15 frameborder="0" 16 allowfullscreen 17></iframe> 18 19<iframe 20 src="https://player.vimeo.com/video/197933516" 21 frameborder="0" 22 webkitallowfullscreen 23 mozallowfullscreen 24 allowfullscreen 25></iframe> 26<iframe 27 src="https://www.youtube.com/embed/iHhcHTlGtRs" 28 frameborder="0" 29 allowfullscreen 30></iframe> 31<iframe 32 src="https://www.dailymotion.com/embed/video/x20qnej" 33 frameborder="0" 34 allowfullscreen 35></iframe>
Example usage with sanitized innerHtml iframe:
1import { Component } from '@angular/core'; 2import { NgxEmbedVideoService } from 'ngx-embed-video'; 3 4@Component({ 5 selector: 'app-component', 6 template: '<div [innerHtml]="iframe_html"></div>', 7}) 8export class AppComponent { 9 iframe_html: any; 10 youtubeUrl = "https://www.youtube.com/watch?v=iHhcHTlGtRs"; 11 12 constructor( 13 private embedService: NgxEmbedVideoService 14 ) { 15 this.iframe_html = this.embedService.embed(youtubeUrl); 16 ) 17}
Usage
embed(url, [options])
Return an HTML fragment embed code (string) for the given video URL.
embed_vimeo(id, [options])
Return an HTML fragment embed code (string) for the given vimeo video ID.
embed_youtube(id, [options])
Return an HTML fragment embed code (string) for the given youtube video ID.
embed_dailymotion(id, [options])
Return an HTML fragment embed code (string) for the given dailymotion video ID.
embed_image(url, [options])
Returns an HTML <img> tag (string) for the given url and the link in a callback.
1{ 2 link: //img.youtube.com/vi/iHhcHTlGtRs/default.jpg, 3 http: html: <img src="http://img.youtube.com/vi/iHhcHTlGtRs/default.jpg" />; 4}
Options
query
Object to be serialized as a querystring and appended to the embedded content url.
Example
1this.embedService.embed_vimeo('197933516', { 2 query: { portrait: 0, color: '333' } 3});
Output:
1<iframe 2 src="https://player.vimeo.com/video/197933516?portrait=0&color=333" 3 frameborder="0" 4 webkitallowfullscreen 5 mozallowfullscreen 6 allowfullscreen 7></iframe>
attributes
Object to add additional attributes (any) to the iframe
Example
1this.embedService.embed('https://youtu.be/iHhcHTlGtRs', { 2 query: { portrait: 0, color: '333' }, 3 attr: { width: 400, height: 200 } 4});
Output:
1<iframe 2 src="https://www.youtube.com/embed/iHhcHTlGtRs?portrait=0&color=333" 3 frameborder="0" 4 allowfullscreen 5 width="400" 6 height="200" 7></iframe>
Youtube Image options
- default
- mqdefault
- hqdefault
- sddefault
- maxresdefault
1this.embedService 2 .embed_image( 3 'https://www.youtube.com/watch?v=iHhcHTlGtRs', 4 { image: 'mqdefault' } 5 ) 6 .then(res => { 7 this.thumbnail = res.html; 8 });
Vimeo Image options
- thumbnail_small
- thumbnail_medium
- thumbnail_large
1this.embedService 2 .embed_image( 3 'https://vimeo.com/197933516', 4 { image: 'thumbnail_medium' } 5 ) 6 .then(res => { 7 this.thumbnail = res.html; 8 });
Dailymotion Image 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
1this.embedService 2 .embed_image( 3 'https://www.dailymotion.com/video/x20qnej_red-bull-presents-wild-ride-bmx-mtb-dirt_sport', 4 { image: 'thumbnail_720_url' } 5 ) 6 .then(res => { 7 this.thumbnail = res.html; 8 });
License
MIT
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
Found 0/18 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 13 are checked with a SAST tool
Reason
118 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-c75v-2vq8-878f
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
- Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
- Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
- Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p
- Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w
- Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
- Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
- Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
- Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
- Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
- Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh
- Warn: Project is vulnerable to: GHSA-j4f2-536g-r55m
- Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w
- Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h
- Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7
- Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
- Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
- Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
- Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
- Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
- Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
- Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6
- Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
- Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
- Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
- Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
- Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
- Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
- Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr
- Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg
- Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-jg8v-48h5-wgxg
- Warn: Project is vulnerable to: GHSA-36fh-84j7-cv5h
- Warn: Project is vulnerable to: GHSA-7x7c-qm48-pq9c
- Warn: Project is vulnerable to: GHSA-rc3x-jf5g-xvc5
- Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
- Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
- Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
- Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-82v2-mx6x-wq7q
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-qm28-7hqv-wg5j
- Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
- Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
- Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
- Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
- Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
- Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
- Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
- Warn: Project is vulnerable to: GHSA-cwx2-736x-mf6w
- Warn: Project is vulnerable to: GHSA-v39p-96qg-c8rf
- Warn: Project is vulnerable to: GHSA-8v63-cqqc-6r2c
- Warn: Project is vulnerable to: GHSA-6fx8-h7jm-663j
- Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6
- Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59
- Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
- Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
- Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
- Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-fxwf-4rqh-v8g3
- Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj
- Warn: Project is vulnerable to: GHSA-xfhh-g9f5-x4m4
- Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq
- Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9
- Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq
- Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
- Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
- Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
- Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
- Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v
- Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx
- Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p
- Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
- Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442
- Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc
- Warn: Project is vulnerable to: GHSA-rqff-837h-mm52
- Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2
- Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j
- Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872
- Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
- Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v
- Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h
- Warn: Project is vulnerable to: GHSA-4fc4-chg7-h8gh
- Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc
- Warn: Project is vulnerable to: GHSA-72mh-269x-7mh5
- Warn: Project is vulnerable to: GHSA-h4j5-c7cj-74xg
- Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Score
1.7
/10
Last Scanned on 2025-07-14
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More