Embed Vimeo

Zola supports custom components that are easy to add. This example demonstrates a Vimeo embed.

Vimeo

Usage

{{<vimeo id="514402648" />}}

• id - the video id (mandatory)
• class - a class to add to the <div> surrounding the iframe (optional)
• autoplay - when set to "true", the video autoplays on load (optional)
• loop - when set to "true", the video plays on a loop (optional)
• noautopause - when set to "true", the video will not autopause (optional)
• title - set the accessible title for the iframe (optional, defaults to "Vimeo")
• cookie - set to "true" if you want tracking cookies, otherwise it defaults to false.

Output

<div class="yv">
    <lite-vimeo videoid="514402648" videotitle="Vimeo">
        <img slot="image" src="https://abridge-flexsearch.pages.dev/img/embed/vimeo/514402648-1280.jpg?h=a6c5100471ad6517fabe" alt="" loading="lazy">
    </lite-vimeo>
</div>