\

> A web component that displays Vimeo embeds faster. Based on Justin Ribeiro's excellent \, which, in turn, is a Shadow DOM version of Paul's lite-youtube-embed.

This is basically a rebadge of Justin's component, but for Vimeo.

Features

- 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

Install

This web component is built with ES modules in mind and is
available on NPM:

Install code-block:

``sh
npm i @slightlyoff/lite-vimeo


or


yarn add @slightlyoff/lite-vimeo
`

After install, import into your project:

`js
import '@slightlyoff/lite-vimeo';
`

Install with CDN

If you want the paste-and-go version, you can simply load it via CDN:

`html