{"_id":"@dugararchit/youtube-player","name":"@dugararchit/youtube-player","dist-tags":{"latest":"0.0.0-dugararchit"},"versions":{"0.0.0-dugararchit":{"name":"@dugararchit/youtube-player","version":"0.0.0-dugararchit","description":"Angular YouTube Player","repository":{"type":"git","url":"git+https://github.com/angular/components.git"},"keywords":["angular","components","youtube"],"license":"MIT","bugs":{"url":"https://github.com/angular/components/issues"},"homepage":"https://github.com/angular/components/tree/main/src/youtube-player#readme","dependencies":{"@types/youtube":"^0.0.42","tslib":"^2.3.0"},"peerDependencies":{"@angular/core":"^21.0.0","@angular/common":"^21.0.0","rxjs":"^6.5.3 || ^7.4.0"},"sideEffects":false,"ng-update":{},"module":"fesm2022/stagefright5-youtube-player.mjs","typings":"types/stagefright5-youtube-player.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./types/stagefright5-youtube-player.d.ts","default":"./fesm2022/stagefright5-youtube-player.mjs"}},"type":"module","_id":"@dugararchit/youtube-player@0.0.0-dugararchit","gitHead":"092d6a70a0d5f910130aa6a026ffa51a018f19f9","_nodeVersion":"22.21.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-wO51F6NCSlM9Wo9kBfjYkRH4s1JcmXPU75BdAFILeHZlsWSGyho5Mf7vQFBfyyt1cLmJXXBzFZ5+TS+QESVRCg==","shasum":"f772c3fc0fcce38c40502c2db4ea97fa89fca515","tarball":"https://registry.npmjs.org/@dugararchit/youtube-player/-/youtube-player-0.0.0-dugararchit.tgz","fileCount":5,"unpackedSize":79199,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQC1GTnV1UTlmaUEqL7BW1yw/xyzqSECOMZntT2QN8YdzAIhANjWv/POVE2pFzsHkl1P0LZaozyuALKU9vpRZrWtzX4x"}]},"_npmUser":{"name":"dugararchit","email":"dugararchit@gmail.com"},"directories":{},"maintainers":[{"name":"dugararchit","email":"dugararchit@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/youtube-player_0.0.0-dugararchit_1779295587909_0.9899476550260167"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-20T16:46:27.666Z","0.0.0-dugararchit":"2026-05-20T16:46:28.069Z","modified":"2026-05-20T16:46:28.286Z"},"maintainers":[{"name":"dugararchit","email":"dugararchit@gmail.com"}],"description":"Angular YouTube Player","homepage":"https://github.com/angular/components/tree/main/src/youtube-player#readme","keywords":["angular","components","youtube"],"repository":{"type":"git","url":"git+https://github.com/angular/components.git"},"bugs":{"url":"https://github.com/angular/components/issues"},"license":"MIT","readme":"# Angular YouTube Player component\n\nThis component provides a simple angular wrapper around the embed [YouTube player API](https://developers.google.com/youtube/iframe_api_reference). File any bugs against the [angular/components repo](https://github.com/angular/components/issues).\n\n## Installation\n\nTo install, run `npm install @dugararchit/youtube-player`.\n\n## Usage\n\nFollow the following instructions for setting up the YouTube player component:\n\n- First, follow the [instructions for installing the API script](https://developers.google.com/youtube/iframe_api_reference#Getting_Started).\n- Then make sure the API is available before bootstrapping the YouTube Player component.\n- Provide the video id by extracting it from the video URL.\n\n## Example\n\nIf your video is found at https://www.youtube.com/watch?v=PRQCAL_RMVo, then your video id is `PRQCAL_RMVo`.\n\n```typescript\n// example-module.ts\nimport {NgModule, Component, OnInit} from '@angular/core';\nimport {YouTubePlayerModule} from '@dugararchit/youtube-player';\n\n@NgModule({\n  imports: [YouTubePlayerModule],\n  declarations: [YoutubePlayerExample],\n})\nexport class YoutubePlayerExampleModule {\n}\n\nlet apiLoaded = false;\n\n// example-component.ts\n@Component({\n  template: '<youtube-player videoId=\"PRQCAL_RMVo\"></youtube-player>',\n  selector: 'youtube-player-example',\n})\nclass YoutubePlayerExample implements OnInit {\n  ngOnInit() {\n    if (!apiLoaded) {\n      // This code loads the IFrame Player API code asynchronously, according to the instructions at\n      // https://developers.google.com/youtube/iframe_api_reference#Getting_Started\n      const tag = document.createElement('script');\n      tag.src = 'https://www.youtube.com/iframe_api';\n      document.body.appendChild(tag);\n      apiLoaded = true;\n    }\n  }\n}\n\n```\n\n## API\n\nCheck out the [source](./youtube-player.ts) to read the API.\n","readmeFilename":"README.md","_rev":"1-ec3dca214bcb2230d208383f3f2e7afb"}