https://github.com/luwes/lite-vimeo-embed

🎥 A faster Vimeo embed.
https://github.com/luwes/lite-vimeo-embed

custom-elements performance vimeo

Last synced: 10 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 (about 6 years ago)
• Default Branch: main
• Last Pushed: 2024-02-12T11:30:15.000Z (about 2 years ago)
• Last Synced: 2025-03-29T12:07:46.012Z (11 months ago)
• Topics: custom-elements, performance, vimeo
• Language: JavaScript
• Homepage: https://lite-vimeo-embed.vercel.app
• Size: 73.2 KB
• Stars: 157
• Watchers: 5
• Forks: 27
• Open Issues: 8
• 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

  


```