Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/luwes/lite-vimeo-embed
🎥 A faster Vimeo embed.
https://github.com/luwes/lite-vimeo-embed
custom-elements performance vimeo
Last synced: about 2 months ago
JSON representation
🎥 A faster Vimeo embed.
- Host: GitHub
- URL: https://github.com/luwes/lite-vimeo-embed
- Owner: luwes
- Created: 2019-12-15T23:24:31.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2024-02-12T11:30:15.000Z (8 months ago)
- Last Synced: 2024-07-19T05:18:49.332Z (2 months ago)
- Topics: custom-elements, performance, vimeo
- Language: JavaScript
- Homepage: https://lite-vimeo-embed.vercel.app
- Size: 73.2 KB
- Stars: 142
- Watchers: 5
- Forks: 23
- Open Issues: 5
-
Metadata Files:
- Readme: readme.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
> 🙋 Using YouTube? Check out the original [lite-youtube-embed](https://github.com/paulirish/lite-youtube-embed).
> 🦾 Need more power? Check out [playerx](https://github.com/playerxo/playerx).# Lite Vimeo Embed
> #### Renders faster than a sneeze.
Provide videos with a supercharged focus on visual performance.
This custom element renders just like the real thing but approximately 224X faster.## Comparison
| Normal `` Vimeo embed | `lite-vimeo` |
|---|---|
| ![Screen Shot 2019-11-03 at 5 23 50 PM](https://user-images.githubusercontent.com/39191/68095560-5c930d00-fe5f-11e9-8104-e73e77a21287.png) ![Screen Shot 2019-11-03 at 5 21 05 PM](https://user-images.githubusercontent.com/39191/68095562-5d2ba380-fe5f-11e9-8b5f-18f451b0716d.png) ![Screen Shot 2019-11-03 at 5 19 35 PM](https://user-images.githubusercontent.com/39191/68095565-5d2ba380-fe5f-11e9-835d-85d37df71f52.png) | ![Screen Shot 2019-11-03 at 5 23 27 PM](https://user-images.githubusercontent.com/39191/68095561-5d2ba380-fe5f-11e9-9393-e2206a64c8bf.png) ![Screen Shot 2019-11-03 at 5 20 55 PM](https://user-images.githubusercontent.com/39191/68095563-5d2ba380-fe5f-11e9-8f9a-f5c4a774cd56.png) ![Screen Shot 2019-11-03 at 5 20 16 PM](https://user-images.githubusercontent.com/39191/68095564-5d2ba380-fe5f-11e9-908f-7e12eab8b2ad.png) |## Basic usage
To use the custom embed you will need to:
1. Include the script
1. Use the element `lite-vimeo` markup and scripting
1. Be happy that you're providing a better user experience to your visitors```html
```
## Pro-usage
Use this as your HTML, load the script asynchronously, and let the JS progressively enhance it.
```html
```