{"_id":"@eden-sonder/lite-vimeo","_rev":"5-6ef31772062532870a7eaef0b554169a","name":"@eden-sonder/lite-vimeo","dist-tags":{"latest":"1.2.6"},"versions":{"1.2.2":{"name":"@eden-sonder/lite-vimeo","version":"1.2.2","keywords":["web components","vimeo"],"author":{"name":"Eden Thompson"},"license":"MIT","_id":"@eden-sonder/lite-vimeo@1.2.2","maintainers":[{"name":"eden-sonder","email":"eden@sondercreative.ca"}],"homepage":"https://github.com/eden-sonder/lite-vimeo#readme","bugs":{"url":"https://github.com/eden-sonder/lite-vimeo/issues"},"dist":{"shasum":"c12a10146e6034820e5139fb48b1247e2c1ff8a4","tarball":"https://registry.npmjs.org/@eden-sonder/lite-vimeo/-/lite-vimeo-1.2.2.tgz","fileCount":8,"integrity":"sha512-JblHVdV2vOjQuT4J3daD0OWIIZh5ih2fulV6sbqcdS+if8CcnUEhA1KyqKoAXxsQWhvS7B3ykPQUCv1cMW6Qyg==","signatures":[{"sig":"MEUCIGo3cH2d4ZfBZo2yiGRLciWyirpXadIvNh7aaaktMxwlAiEA2bMKxDn4V9DxVrX5yPKehwEpszOYB5pYE59cLthhq/E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":32987},"main":"dist/lite-vimeo.js","type":"module","gitHead":"29cc7faca2e881ca14d1b35676d06c8335659fa4","scripts":{"build":"parcel build"},"targets":{"main":{"source":"src/index.js","context":"browser","isLibrary":true,"sourceMap":false,"outputFormat":"esmodule"}},"_npmUser":{"name":"eden-sonder","email":"eden@sondercreative.ca"},"prettier":"@wordpress/prettier-config","repository":{"url":"git+ssh://git@github.com/eden-sonder/lite-vimeo.git","type":"git"},"_npmVersion":"10.8.2","description":"A web component that loads Vimeo embed iframes faster. Extends Alex Russell (@slightlyoff)'s and KJ Roelke (@choctaw-nation)'s work to allow poster images.","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"parcel":"^2.12.0","@wordpress/prettier-config":"^4.11.0"},"_npmOperationalInternal":{"tmp":"tmp/lite-vimeo_1.2.2_1737744180525_0.5365756781621662","host":"s3://npm-registry-packages-npm-production"}},"1.2.3":{"name":"@eden-sonder/lite-vimeo","version":"1.2.3","keywords":["web components","vimeo"],"author":{"name":"Eden Thompson"},"license":"MIT","_id":"@eden-sonder/lite-vimeo@1.2.3","maintainers":[{"name":"eden-sonder","email":"eden@sondercreative.ca"}],"homepage":"https://github.com/eden-sonder/lite-vimeo#readme","bugs":{"url":"https://github.com/eden-sonder/lite-vimeo/issues"},"dist":{"shasum":"7df785b5dbce5c6ffa7d997e6e4f8c427df1dbfa","tarball":"https://registry.npmjs.org/@eden-sonder/lite-vimeo/-/lite-vimeo-1.2.3.tgz","fileCount":8,"integrity":"sha512-vEwQRwGbzOWshhQJMCxj9+niGl9WznvIHS4aULWyCH3SPKmXnQMBOic1W3gzox9ecN8xZ+R6mvMC4whPyag4/w==","signatures":[{"sig":"MEUCIQCUnssMJgu35IMc26N/SAG96C2BRNRpa/D96ndkW5ieCAIgZpI8uPstUqTn+tIBh5lP5VPzizBiR7NF1CY6J14iw2U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33048},"main":"dist/lite-vimeo.js","type":"module","gitHead":"29cc7faca2e881ca14d1b35676d06c8335659fa4","scripts":{"build":"parcel build"},"targets":{"main":{"source":"src/index.js","context":"browser","isLibrary":true,"sourceMap":false,"outputFormat":"esmodule"}},"_npmUser":{"name":"eden-sonder","email":"eden@sondercreative.ca"},"prettier":"@wordpress/prettier-config","repository":{"url":"git+ssh://git@github.com/eden-sonder/lite-vimeo.git","type":"git"},"_npmVersion":"10.8.2","description":"A web component that loads Vimeo embed iframes faster. Extends Alex Russell (@slightlyoff)'s and KJ Roelke (@choctaw-nation)'s work to allow poster images.","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"parcel":"^2.12.0","@wordpress/prettier-config":"^4.11.0"},"_npmOperationalInternal":{"tmp":"tmp/lite-vimeo_1.2.3_1737744315017_0.835674003066053","host":"s3://npm-registry-packages-npm-production"}},"1.2.4":{"name":"@eden-sonder/lite-vimeo","version":"1.2.4","keywords":["web components","vimeo"],"author":{"name":"Eden Thompson"},"license":"MIT","_id":"@eden-sonder/lite-vimeo@1.2.4","maintainers":[{"name":"eden-sonder","email":"eden@sondercreative.ca"}],"homepage":"https://github.com/eden-sonder/lite-vimeo#readme","bugs":{"url":"https://github.com/eden-sonder/lite-vimeo/issues"},"dist":{"shasum":"0615c9e0d32511df6a0e2b2c9cefb230c102506c","tarball":"https://registry.npmjs.org/@eden-sonder/lite-vimeo/-/lite-vimeo-1.2.4.tgz","fileCount":8,"integrity":"sha512-bWfpSnrIYE+aVXM0UUkqRoeLYigEe908Ff1S+TJIjpX+TtV+xrlmIZqZvxaNgVvHVtnfTGmXaqNtFU10ZaoThQ==","signatures":[{"sig":"MEUCIQC939DUmefyMT/TtVV6gz45xZ9hNayhpEy421orHw0J8gIgKHnWJscY5z07BDYNSRvwXdLKh76Am03xgbH4N9kMPqI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33940},"main":"dist/lite-vimeo.js","type":"module","gitHead":"29cc7faca2e881ca14d1b35676d06c8335659fa4","scripts":{"build":"parcel build"},"targets":{"main":{"source":"src/index.js","context":"browser","isLibrary":true,"sourceMap":false,"outputFormat":"esmodule"}},"_npmUser":{"name":"eden-sonder","email":"eden@sondercreative.ca"},"prettier":"@wordpress/prettier-config","repository":{"url":"git+ssh://git@github.com/eden-sonder/lite-vimeo.git","type":"git"},"_npmVersion":"10.8.2","description":"A web component that loads Vimeo embed iframes faster. Extends Alex Russell (@slightlyoff)'s and KJ Roelke (@choctaw-nation)'s work to allow poster images.","directories":{},"_nodeVersion":"22.12.0","_hasShrinkwrap":false,"devDependencies":{"parcel":"^2.12.0","@wordpress/prettier-config":"^4.11.0"},"_npmOperationalInternal":{"tmp":"tmp/lite-vimeo_1.2.4_1737754775370_0.8609024357194368","host":"s3://npm-registry-packages-npm-production"}},"1.2.5":{"name":"@eden-sonder/lite-vimeo","version":"1.2.5","keywords":["web components","vimeo"],"author":{"name":"Eden Thompson"},"license":"MIT","_id":"@eden-sonder/lite-vimeo@1.2.5","maintainers":[{"name":"eden-sonder","email":"eden@sondercreative.ca"}],"homepage":"https://github.com/eden-sonder/lite-vimeo#readme","bugs":{"url":"https://github.com/eden-sonder/lite-vimeo/issues"},"dist":{"shasum":"bd87c3839bed010558dfda381adb06ec90be1a3b","tarball":"https://registry.npmjs.org/@eden-sonder/lite-vimeo/-/lite-vimeo-1.2.5.tgz","fileCount":8,"integrity":"sha512-2M2g9H0x+UXmKyv15v5GcnwPUxbBQP7yQdJ/dBlUAGqzve3S0a946XV6dcaCwq2m1pZtob9y+n8abaUi5Q9HnA==","signatures":[{"sig":"MEUCICrd8KYwpOyLTVv4/YRuslZFYQ94x+L/g8DTaTxD68QZAiEAzDTJoCKmx+EPT7yrc7DKze+FdTl3jxNc4iEsEPPutUY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":35974},"main":"dist/lite-vimeo.js","type":"module","gitHead":"29cc7faca2e881ca14d1b35676d06c8335659fa4","scripts":{"build":"parcel build"},"targets":{"main":{"source":"src/index.js","context":"browser","isLibrary":true,"sourceMap":false,"outputFormat":"esmodule"}},"_npmUser":{"name":"eden-sonder","email":"eden@sondercreative.ca"},"prettier":"@wordpress/prettier-config","repository":{"url":"git+ssh://git@github.com/eden-sonder/lite-vimeo.git","type":"git"},"_npmVersion":"10.9.2","description":"A web component that loads Vimeo embed iframes faster. Extends Alex Russell (@slightlyoff)'s and KJ Roelke (@choctaw-nation)'s work to allow poster images.","directories":{},"_nodeVersion":"23.5.0","_hasShrinkwrap":false,"devDependencies":{"parcel":"^2.12.0","@wordpress/prettier-config":"^4.11.0"},"_npmOperationalInternal":{"tmp":"tmp/lite-vimeo_1.2.5_1749173195803_0.3957241387957824","host":"s3://npm-registry-packages-npm-production"}},"1.2.6":{"name":"@eden-sonder/lite-vimeo","description":"A web component that loads Vimeo embed iframes faster. Extends Alex Russell (@slightlyoff)'s and KJ Roelke (@choctaw-nation)'s work to allow poster images.","author":{"name":"Eden Thompson"},"type":"module","prettier":"@wordpress/prettier-config","repository":{"type":"git","url":"git+ssh://git@github.com/eden-sonder/lite-vimeo.git"},"license":"MIT","version":"1.2.6","main":"dist/lite-vimeo.js","targets":{"main":{"source":"src/index.js","context":"browser","outputFormat":"esmodule","isLibrary":true,"sourceMap":false}},"scripts":{"build":"parcel build"},"keywords":["web components","vimeo"],"devDependencies":{"@wordpress/prettier-config":"^4.11.0","parcel":"^2.12.0"},"_id":"@eden-sonder/lite-vimeo@1.2.6","gitHead":"29cc7faca2e881ca14d1b35676d06c8335659fa4","bugs":{"url":"https://github.com/eden-sonder/lite-vimeo/issues"},"homepage":"https://github.com/eden-sonder/lite-vimeo#readme","_nodeVersion":"23.5.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-Gxc9eVJMcBfgwqDzvJAGKadkqTzbMiwuV2y2hoLgMJRbhCu6dqIRtCsCIYBfozsfnLvvvU+F3RCRqDiC6I+GKw==","shasum":"e613f5fbc45f66ccf64b49d4900cffc00ab5d8d4","tarball":"https://registry.npmjs.org/@eden-sonder/lite-vimeo/-/lite-vimeo-1.2.6.tgz","fileCount":8,"unpackedSize":36090,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCInLrr3BBpDT8WBCuggXUquL9a+b810w8JF3C2c9b1LQIgZ/ZzgP/mNgy7Vi3dOhirPmknzMp2n8UPOAqP248e5qg="}]},"_npmUser":{"name":"eden-sonder","email":"eden@sondercreative.ca"},"directories":{},"maintainers":[{"name":"eden-sonder","email":"eden@sondercreative.ca"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/lite-vimeo_1.2.6_1749173903939_0.8662201898494857"},"_hasShrinkwrap":false}},"time":{"created":"2025-01-24T18:43:00.445Z","modified":"2025-06-06T01:38:24.307Z","1.2.2":"2025-01-24T18:43:00.711Z","1.2.3":"2025-01-24T18:45:15.251Z","1.2.4":"2025-01-24T21:39:35.651Z","1.2.5":"2025-06-06T01:26:35.967Z","1.2.6":"2025-06-06T01:38:24.144Z"},"bugs":{"url":"https://github.com/eden-sonder/lite-vimeo/issues"},"author":{"name":"Eden Thompson"},"license":"MIT","homepage":"https://github.com/eden-sonder/lite-vimeo#readme","keywords":["web components","vimeo"],"repository":{"type":"git","url":"git+ssh://git@github.com/eden-sonder/lite-vimeo.git"},"description":"A web component that loads Vimeo embed iframes faster. Extends Alex Russell (@slightlyoff)'s and KJ Roelke (@choctaw-nation)'s work to allow poster images.","maintainers":[{"name":"eden-sonder","email":"eden@sondercreative.ca"}],"readme":"# \\<lite-vimeo\\>\n\n> A web component that loads Vimeo embed iframes faster. Extends Alex Russell (@slightlyoff)'s and KJ Roelke (@choctaw-nation)'s work to allow poster images.\n\n## Features\n\n-   No dependencies; it's just vanilla JS & a web component.\n-   It's fast 🏎️.\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-   Allows custom placeholder images\n-   Allows unlisted vimeo videos\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 @eden-sonder/lite-vimeo\n```\n\nAfter install, import into your project:\n\n```js\nimport '@eden-sonder/lite-vimeo';\n```\n\n## Basic Examples\n\n-   These have moved! See them at the [Github Wiki page](https://github.com/choctaw-nation/lite-vimeo/wiki/Basic-Examples).\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 Vimeo videoid (required)                                                | ``       |\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| `autoplay`          | Video attempts to play automatically if auto-load set and browser allows it | `false`  |\n| `start`             | Set the point at which the video should start, in seconds                   | `0`      |\n| `unlisted`          | An attribute flag whose existence declares the videoid as unlisted          |          |\n| `customPlaceholder` | A valid url to load a custom placeholder image                              | `string` |\n| `enabletracking`    | An opt-in attribute flag to allow Vimeo's tracking                          |\n| `loop`              | If exists, loop the video                                                   |\n\n---\n\n## Changelog\n### v1.2.6 \n\n-   Added fixes for unlisted videos and enabled used of unlisted video thumbnails\n### v1.2.4 \n\n-   Added button slot and variables\n\n### v1.2.3\n\n-   Fix javascript error when using poster image\n\n### v1.2.0\n\n-   Fix a styling issue and autoplay issue\n-   Refactor into multiple classes for clearer split of responsibilities\n\n### v1.1.1\n\n-   Handle the Shadow Root & web-component lifecycle methods better\n-   Bump packages\n\n### v1.1.0\n\n-   Init Changelog\n-   Add new param: `loop` to enable video looping (was previously enabled by default).\n-   Updated `videoStartAt` to only render param if exists\n-   Updated autoplay param to always be set to true, but if user adds `autoplay` to the web component, it controls whether the video auto plays _and_ runs muted.\n\n---\n\n## Contributing\n\n1. Create a PR\n2. Tag @kjroelke as a reviewer.\n\n---","readmeFilename":"README.md"}