Media

Video

Embed a hosted or self-served video.

Live demo

See it in action

Embed

YouTube / Vimeo / oEmbed

Paste any oEmbed URL and it becomes a responsive 16:9 player; the iframe is lazy-loaded for Core Web Vitals.

Aspect ratio

Standard 4:3

Six aspect ratios are built in — 4:3 is the classic standard frame.

Aspect ratio

Cinematic 21:9

An ultra-wide, letterboxed cinematic frame.

Aspect ratio

Square 1:1

A square frame — for social-style clips.

Aspect ratio

Portrait 9:16

A vertical, reel-style frame.

Performance

Lazy-load facade

Show a poster + play button and only load the heavy provider iframe when the visitor clicks — a big page-speed win.

Self-hosted

Your own MP4

Upload or link an MP4/WebM for a self-hosted player with native controls and a poster.

Full-bleed

Video as a section background

Turn on “Use as Section Background” and the clip fills the whole Section behind its content.

A button on top

The markup

Clean, lean code

This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.

<section class="fw-flexbox fw-flex fw-contained fw-collapse">
	<div class="video vid-912c0afd video-wrapper shortcode-container video-ratiobox" style="max-width: 820px;" data-ratio="16x9">
		<iframe loading="lazy" title="Big Buck Bunny 60fps 4K - Official Blender Foundation Short Film" width="500" height="281" src="https://www.youtube.com/embed/aqz-KE-bpKQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
	</div>
</section>

To learn more about the Video shortcode, please check out the online manual here.