A web component that loads Vimeo embed iframes faster. ShadowDom based version of Paul Irish' concept.
npm install @jaybarry/lite-vimeo
> A web component that displays Vimeo embeds faster. Based on Justin Ribeiro's excellent \
This is basically a rebadge of Justin's component, but for Vimeo.
- No dependencies; it's just a vanilla web component.
- It's fast yo.
- It's Shadow Dom encapsulated!
- It's responsive 16:9
- It's accessible via keyboard and will set ARIA via the videotitle attribute
- It's locale ready; you can set the videoplay to have a properly locale based label
- Set the start attribute to start at a particular place in a video
- You can set autoload to use Intersection Observer to load the iframe when scrolled into view.
- Loads placeholder image as WebP with a Jpeg fallback
This web component is built with ES modules in mind and is
available on NPM:
Install code-block:
``sh`
npm i @slightlyoff/lite-vimeoor
yarn add @slightlyoff/lite-vimeo
After install, import into your project:
`js`
import '@slightlyoff/lite-vimeo';
If you want the paste-and-go version, you can simply load it via CDN:
`html