{"_id":"@abraham/lite-youtube","_rev":"3-3677a32d5d4013f2bbd2f653eb12cda2","name":"@abraham/lite-youtube","dist-tags":{"latest":"0.6.3"},"versions":{"0.6.2":{"name":"@abraham/lite-youtube","description":"A temp published version.","author":{"name":"Justin Ribeiro","email":"justin@justinribeiro.com"},"repository":{"type":"git","url":"git+ssh://git@github.com/abraham/lite-youtube.git"},"scripts":{"build":"tsc --project tsconfig.json","lint":"npm run lint:eslint && npm run lint:prettier","lint:eslint":"eslint *.ts --ignore-path .gitignore","lint:prettier":"prettier --check *.ts --ignore-path .gitignore","postinstall":"npm run build","prepublishOnly":"npm run build"},"license":"MIT","version":"0.6.2","main":"lite-youtube.js","module":"lite-youtube.js","types":"lite-youtube.d.ts","keywords":["web components","youtube"],"devDependencies":{"@typescript-eslint/eslint-plugin":"^2.14.0","@typescript-eslint/parser":"^2.14.0","eslint":"^6.8.0","eslint-config-google":"^0.14.0","eslint-config-prettier":"^6.9.0","eslint-plugin-html":"^6.0.0","eslint-plugin-lit":"^1.2.0","prettier":"^1.19.1","typescript":"^3.7.4"},"gitHead":"90945e8b2001085b0c8b642374d681aaef9c671c","bugs":{"url":"https://github.com/abraham/lite-youtube/issues"},"homepage":"https://github.com/abraham/lite-youtube#readme","_id":"@abraham/lite-youtube@0.6.2","_nodeVersion":"13.10.1","_npmVersion":"6.14.2","dist":{"integrity":"sha512-EunBYqPahS+4bg3ePywLZPE/oKNoSU8bqyPu1ivizSgj54gPJ3ZhE4GV2l1cuiQ/Bc6H4ade6HM0uynOSocUGg==","shasum":"bd152ebe1e8a54d24035ae7493a964640c8d5e24","tarball":"https://registry.npmjs.org/@abraham/lite-youtube/-/lite-youtube-0.6.2.tgz","fileCount":11,"unpackedSize":44022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZGFTCRA9TVsSAnZWagAAyGIP+QFVIIaQAI6Xw1eRsayg\nbRPKLKm7ypG8EBTX6jmSEAKBlD+WFj1Tk1Re/MFFdhoF1dXDIV7Oe4P2nkd1\nQ6sV4fjlRigg09GbYdXN7xjC8/6jVFwMnEIfnhVTiJmYcPrhjNC7DuTqhZxd\nIlTE59qLLn7negcN1zitqqg00qEMAJArtzS59C6je4p0V19zkE+ZJr3mYCh5\n3062o1pZlMyG0MaRWyXbIkZtlZCbp+cSXIgDr7YdpZTJC2pro3/tEjcFIjeR\n1dCBQm7xUxF+8nMGPpS0cGDk44aiWz3y90QKhBprPKX0sDj2ThbJ9K3Mmcth\n5TN58R+ydSdkgXIGBehBsvTlnZlbKOa0kxepw/y7KghsNSnWOJOPuDyTJLeq\nyEYcpsCWibvU3rkecqaWaph65I0yztuoBoWM6QQM8wlPp/t2b0w43wq3K5jO\nBz+Tm14V340iNS1yeSXLqhN+OM+WHWzwbq7cV4rLzLgaFdoRx8Q3mbeXU3wa\nbm0NQfHWOxVPwWmWBDjGuHwmiLieExq+t4q56m3cNUe9QXlTeQN8SbPvuyfT\nZq4WhGwVO7ggvGie9OpXaEYJQtwfkkhE2Ey3Kxvigm3icJJhmWJ0V/T5nqnV\nuyxuduGDXbNiqkAacW7ZTa/JpVOpW1WbTKZZK1xDxJLPglh2gozn4idvgBBL\nV29V\r\n=fKsU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1303hglhMvoYFKD4wSEv1iWmi+rm+2K4QKtJYUorxYwIhAMZ5ZdfIBc9zzRL9K8RbRhvXcMD3NMOhddHRR5beV1MS"}]},"maintainers":[{"name":"abraham","email":"4braham@gmail.com"}],"_npmUser":{"name":"abraham","email":"4braham@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lite-youtube_0.6.2_1583636818650_0.012714558702960455"},"_hasShrinkwrap":false,"deprecated":"use @justinribeiro/lite-youtube"},"0.6.3":{"name":"@abraham/lite-youtube","description":"A temp published version.","author":{"name":"Justin Ribeiro","email":"justin@justinribeiro.com"},"repository":{"type":"git","url":"git+ssh://git@github.com/abraham/lite-youtube.git"},"scripts":{"build":"tsc --project tsconfig.json","lint":"npm run lint:eslint && npm run lint:prettier","lint:eslint":"eslint *.ts --ignore-path .gitignore","lint:prettier":"prettier --check *.ts --ignore-path .gitignore","prepublishOnly":"npm run build"},"license":"MIT","version":"0.6.3","main":"lite-youtube.js","module":"lite-youtube.js","types":"lite-youtube.d.ts","keywords":["web components","youtube"],"devDependencies":{"@typescript-eslint/eslint-plugin":"^2.14.0","@typescript-eslint/parser":"^2.14.0","eslint":"^6.8.0","eslint-config-google":"^0.14.0","eslint-config-prettier":"^6.9.0","eslint-plugin-html":"^6.0.0","eslint-plugin-lit":"^1.2.0","prettier":"^1.19.1","typescript":"^3.7.4"},"gitHead":"346008ed161328101d3976f6227a67920b0dff19","bugs":{"url":"https://github.com/abraham/lite-youtube/issues"},"homepage":"https://github.com/abraham/lite-youtube#readme","_id":"@abraham/lite-youtube@0.6.3","_nodeVersion":"13.10.1","_npmVersion":"6.14.2","dist":{"integrity":"sha512-m7g8AxYx7mFVIM2k8MrtwmfuQvDRiOSb2AqTXxXx4QxN4PBkBmzQnHojNwJioCNgqBrPIkgLvv/hOymLev+b3A==","shasum":"1892b9bddf9a2af86ce4d5e696a8c09195c3ec17","tarball":"https://registry.npmjs.org/@abraham/lite-youtube/-/lite-youtube-0.6.3.tgz","fileCount":11,"unpackedSize":43986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZGVQCRA9TVsSAnZWagAAQDwP/jG/phn3iNOZklOrnexV\nlaRPlzLoFbfWXZBu3NZJxK/fny69CiEVUZATdUWP+XO9+llqNt2Cpx+qeOUz\nBodZW+KkRyRAIrZiDKqzvEcgpv+xPXbC2MrwO5mHFtp8eBtlOUhEr5//MJ9h\nIffSv1ShNyf6CN42bPSCDJzgD5PmAMUDE0id+ksSSYy7Bb5O6QEHb4utp372\nSlJVScuQMlEJIonWOqNWtKJQ80YQfnd8RwnOY6kWrVNeYdm9Q+z/9cEeH0TW\n8MDiOEb1GgeAbKpUEok634OaN/SuAlLefhLPIJ8gMAzZyOMKJmZSrVS8Vu9y\n3TuCCEsQnERc/rQwKuM8qX1X8eHX7ux7TFJ/bMkde8lOcmMnhnEYUd4ZredL\nXUwhFNSmJhbgnYEpL69RkkglgvTWy7U+FfWAeEP9dXmH6TRPGger3b75bY1p\n1PcxVCsVqleHuclSHIcBK0IybiNC+p1ueKux1k1cQnFrfN2mtsrzF7k7ld4C\nlK0Xhh7ConSDA/akCpaEmKIBKW3NPI4p+pbTEn3MP9juTJW7hElPDBvoJCp3\n9l9WmPM1H1op1P/ShjyLNaaaQRD8ZkOUb4a43C7rxplINbDdxBnyOqf36RAL\nBfbFko6/ri+D7rUxT0O8YdwDLRNwvhdF3zlm+Ob1YlSBCOzSlWIElJl/wNZj\ny98d\r\n=o2gC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkEBIv+KEmkbk1viBFmlXKAJAUqtiGGFYuJn9v0gTbCQIhAPaauh+P3sDZ69750NpteaXdsTLvbrhUsxoTIujtGSM4"}]},"maintainers":[{"name":"abraham","email":"4braham@gmail.com"}],"_npmUser":{"name":"abraham","email":"4braham@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lite-youtube_0.6.3_1583637840424_0.27877616717325204"},"_hasShrinkwrap":false,"deprecated":"use @justinribeiro/lite-youtube"}},"time":{"created":"2020-03-08T03:06:58.409Z","0.6.2":"2020-03-08T03:06:58.831Z","modified":"2022-04-04T11:01:38.567Z","0.6.3":"2020-03-08T03:24:00.574Z"},"maintainers":[{"name":"abraham","email":"4braham@gmail.com"}],"description":"A temp published version.","homepage":"https://github.com/abraham/lite-youtube#readme","keywords":["web components","youtube"],"repository":{"type":"git","url":"git+ssh://git@github.com/abraham/lite-youtube.git"},"author":{"name":"Justin Ribeiro","email":"justin@justinribeiro.com"},"bugs":{"url":"https://github.com/abraham/lite-youtube/issues"},"license":"MIT","readme":"[![npm version](https://badge.fury.io/js/%40justinribeiro%2Flite-youtube.svg)](https://badge.fury.io/js/%40justinribeiro%2Flite-youtube)\n\n# \\<lite-youtube\\>\n\n> A web component that displays render YouTube embeds faster. The shadowDom web component version of Paul's [lite-youtube-embed](https://github.com/paulirish/lite-youtube-embed).\n\n## Features\n\n- No dependencies; it's just a vanilla web component.\n- It's fast yo.\n- It's Shadow Dom encapsulated!\n- It's responsive 16:9\n- It's accessible via keyboard and will set ARIA via the `videotitle` attribute\n- It's locale ready; you can set the `videoplay` to have a properly locale based label\n- Set the `start` attribute to start at a particular place in a video\n- You can set `autoload` to use Intersection Observer to load the iframe when scrolled into view.\n- Loads placeholder image as WebP with a Jpeg fallback\n\n## Install\n\nThis web component is built with ES modules in mind and is\navailable on NPM:\n\nInstall code-block:\n\n```sh\nnpm i @justinribeiro/lite-youtube\n# or\nyarn add @justinribeiro/lite-youtube\n```\n\nAfter install, import into your project:\n\n```js\nimport '@justinribeiro/lite-youtube';\n```\n\n## Install with CDN\n\nIf you want the paste-and-go version, you can simply load it via CDN:\n\n```html\n<script type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@0.6.2/lite-youtube.js\">\n```\n\n## Basic Usage\n\n```html\n<lite-youtube videoid=\"guJLfqTFfIw\"></lite-youtube>\n```\n\n## Add Video Title\n\n```html\n<lite-youtube\n  videoid=\"guJLfqTFfIw\"\n  videotitle=\"This is a video title\"\n></lite-youtube>\n```\n\n## Change \"Play\" for Locale</h3>\n\n```html\n<lite-youtube\n  videoid=\"guJLfqTFfIw\"\n  videoplay=\"Mirar\"\n  videotitle=\"Mis hijos se burlan de mi español\"\n>\n</lite-youtube>\n```\n\n## Style It\n\nHeight and Width are responsive in the component.\n\n```html\n<style>\n  .styleIt {\n    width: 400px;\n    margin: auto;\n  }\n</style>\n<div class=\"styleIt\">\n  <lite-youtube videoid=\"guJLfqTFfIw\"></lite-youtube>\n</div>\n```\n\n## Set a video start time\n\n```html\n<!-- Start at 5 seconds -->\n<lite-youtube videoid=\"guJLfqTFfIw\" start=\"5\"></lite-youtube>\n```\n\n## AutoLoad with IntersectionObserver\n\nUses Intersection Observer if available to automatically load the YouTube iframe when scrolled into view.\n\n```html\n<lite-youtube videoid=\"guJLfqTFfIw\" autoload> </lite-youtube>\n```\n\n## Attributes\n\nThe web component allows certain attributes to be give a little additional\nflexibility.\n\n| Name         | Description                                                      | Default |\n| ------------ | ---------------------------------------------------------------- | ------- |\n| `videoid`    | The YouTube videoid                                              | ``      |\n| `videotitle` | The title of the video                                           | `Video` |\n| `videoplay`  | The title of the play button (for translation)                   | `Play`  |\n| `autoload`   | Use Intersection Observer to load iframe when scrolled into view | `false` |\n| `start`      | Set the point at which the video should start, in seconds        | `0`     |\n","readmeFilename":"README.md"}