Use video when something is easier to show than describe. The Video block embeds YouTube or Vimeo content directly in the page. It works well for product demos, interviews, tutorials or processes that make more sense in motion — but important information should not exist only inside the video.
A public technical example showing how a 16:9 video appears inside the normal content flow.
Give people a reason to press play. Instead of “Watch the video”, say in one sentence what they will see or learn from it.
The block is deliberately simple: source, short context and placement are the main decisions.
The selected provider determines which player receives the video ID.
The block builds a safe embed URL from the video ID. For YouTube, it uses the privacy-enhanced youtube-nocookie domain.
Explain briefly why the video is worth starting.
Add only short context. Do not make the video's main point available only in motion.
The public player uses a fixed 16:9 frame and loads lazily as visitors scroll towards it. In the teaser layout, the full video opens on click in a window over the page.
Use background, section width and content width settings to fit the video into the page rhythm.
Layout · teaser puts a silent preview with a play button where the video would be.
Clicking play opens the full video with sound in a window over the page. Esc or a click outside closes it.
On Vimeo the preview is the video playing muted on a loop (Vimeo only allows this on paid Vimeo plans). On YouTube it is the video's thumbnail picture.
With supporting copy, the text sits beside the frame on wide screens. Without it, the title sits on the frame.
If a visitor's device asks for less motion, the teaser shows without motion effects.
The same public YouTube video, this time as a thumbnail with a play button. A click opens it with sound in a window over the page.
Choose based on the role motion needs to play.
Use it when motion is only the visual background and the real content is the overlaid copy and CTA.
Use it when motion adds little and one strong still image communicates the point faster.
Use it when one visual should stay in place while several connected steps unfold beside it.
SHOW IT IN MOTION
Give it a clear role, a short introduction and a title that explains why it is worth watching before anyone presses play.