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:
{{< 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:
{{< 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:
{{< 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.
{{< 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 setX-Frame-Options: DENYwill not load inside an iframe regardless of this shortcode.