Embed Streamable

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

Streamable

Usage

{{<streamable id="92ok4" />}}

The component uses a local thumbnail and loads the Streamable player only after play is clicked.

• id - the video id (mandatory)
• class - a class to add to the <div> surrounding the iframe (optional)
• title - set the accessible title for the iframe (optional, defaults to "Streamable")

Output

<div class="yv">
    <lite-streamable videoid="92ok4" videotitle="Streamable">
        <img slot="image" src="https://abridge-flexsearch.pages.dev/img/embed/streamable/92ok4-1280.jpg?h=b9b57761ca54eb88ef02" alt="" loading="lazy">
    </lite-streamable>
</div>