🙋 Using YouTube? Check out the original lite-youtube-embed.
🦾 Need more power? Check out 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 <iframe> Vimeo embed | lite-vimeo | |---|---| | | |

Basic usage

To use the custom embed you will need to:

1. Include the script
2. Use the element lite-vimeo markup and scripting
3. Be happy that you're providing a better user experience to your visitors

<!-- Include the custom element script -->
<script type="module" src="https://cdn.jsdelivr.net/npm/lite-vimeo-embed/+esm"></script>

<!-- Use the element. You may define uses before the scripts are parsed and executed. -->
<lite-vimeo videoid="357274789"></lite-vimeo>

Pro-usage

Use this as your HTML, load the script asynchronously, and let the JS progressively enhance it.

<lite-vimeo videoid="357274789" style="background-image: url('https://i.vimeocdn.com/video/810965406.webp?mw=1600&mh=900&q=70');">
  <div class="ltv-playbtn"></div>
</lite-vimeo>