← Examples Gallery

Embeds

Alap's embed module renders iframes for known providers (YouTube, Vimeo, Spotify, CodePen, CodeSandbox) with consent management, and falls back to plain links for everything else.

Standalone Embeds

No renderer needed. Call createEmbed(url) and append the result. The default policy is prompt — you'll see a consent placeholder first. Click "Load" or "Always allow" to load the iframe.

Video

Audio

Interactive

Auto-allow Policy

With embedPolicy: 'allow', iframes load immediately — no consent prompt.

Unknown Provider

Domains not in the provider registry get a plain link fallback.


Menu Renderer

Standard AlapUI dropdown. Items with meta.embed resolve normally — embeds are a data-layer concept, not tied to the menu renderer.

Browse video links, audio links, interactive links, or everything.

Menu items link to the public URL. The embed URL lives in meta.embed for renderers that support it.


Lightbox Renderer

When a link has meta.embed but no image, the lightbox shows the embed in the image area. Navigate between items normally.

Open the video collection, music, or all embeddable content.

Reference links (no embed, no image) show a text-only panel.


Lens Renderer

The lens renders embeds in the meta zone alongside field data. Great for inspecting embed metadata and previewing content.

Inspect videos, audio, interactive, reference, or everything.

The embed appears above the metadata fields. embed and embedType are filtered from the field list.