Embed YouTube

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

YouTube

Usage

{{<youtube id="32gyFIWecuw" />}}

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

Output

<div class="yv yv-youtube">
    <lite-youtube videoid="32gyFIWecuw" videotitle="YouTube" nocookie disablenoscript>
        <img slot="image" src="https://abridge-flexsearch.pages.dev/img/embed/youtube/32gyFIWecuw-1280.webp?h=f0c0759bd99a77d07c68" alt="" loading="lazy">
    </lite-youtube>
</div>