This is a demo announcement, dismissible and configured in site.json.

Video and iframe

Embed YouTube videos, Vimeo videos, self-hosted video files and general iframes.

Bora provides four shortcodes for embedding video and external content.

YouTube (yvideo)

Embeds a YouTube video using the privacy-enhanced youtube-nocookie.com domain. Pass a full URL or a bare video ID:

text
{{< yvideo "https://www.youtube.com/watch?v=dQw4w9WgXcQ" >}}
{{< yvideo "https://youtu.be/dQw4w9WgXcQ" >}}
{{< yvideo "dQw4w9WgXcQ" >}}
{{< yvideo "dQw4w9WgXcQ" title="Never Gonna Give You Up" >}}
Parameter Description
1st positional YouTube URL or bare video ID.
title Accessible iframe title (default: "YouTube video").

Vimeo (vvideo)

Embeds a Vimeo video. Pass a full URL or a bare numeric video ID:

text
{{< vvideo "https://vimeo.com/123456789" >}}
{{< vvideo "123456789" >}}
{{< vvideo "123456789" title="Product demo" >}}
Parameter Description
1st positional Vimeo URL or bare video ID.
title Accessible iframe title (default: "Vimeo video").

Self-hosted video (video)

Renders an HTML5 <video> player for .mp4, .webm or .ogg files served from static/. Relative paths resolve from the current page:

text
{{< video "/media/demo.mp4" >}}
{{< video src="/media/demo.mp4" poster="/media/thumb.jpg" >}}
Parameter Description
1st positional / src Path to the video file.
poster Optional thumbnail image shown before playback.

General iframe (iframe)

Embeds any URL in an iframe with an expand-to-fullscreen button. Press Esc to exit fullscreen.

text
{{< iframe "https://example.com" >}}
{{< iframe url="https://codepen.io/pen/embed/..." title="Live demo" height="500" >}}
Parameter Default Description
1st positional / url required URL to embed.
title "Embedded content" Accessible iframe title.
height 500 Initial height in pixels.

Note

The iframe is sandboxed (allow-scripts allow-same-origin allow-forms allow-popups). Sites that set X-Frame-Options: DENY will not load inside an iframe regardless of this shortcode.