Video

You might say

Put a video on the page that people can play with one click.

Media with moving images and a duration that plays on a pageVideo can demonstrate a product action or teach a course, such as “Create a project in two minutes.” The poster should state the topic and length, and the player needs captions, sound controls, and a clear failure state.

▶

Set up a project in two minutes02:18 · English captions

Quick checkChoose the best answer

A help page uses a two-minute video to demonstrate project creation, and the steps are necessary to complete the task. What is a complete delivery?

Autoplay with sound on page open and place pause and captions inside settingsKeep only the player and remove every required step from the surrounding pageProvide a poster, duration, controls, captions, written steps, and a load-failure state

You can say this to an AI Agent

Embed the project-creation tutorial with a poster, duration, playback, and volume controls, without sound autoplay. Add accurate captions and equivalent written steps, and verify users can complete the task if the video fails.

Video≠Image

Video has time-based content, playback controls, and often sound. Image shows a single static frame.

When to use it

Product walkthrough
▶2-minute product demo02:18
Course or tutorial
Lesson 3: Set permissions08:40 · English captions · 60% watched
Brand story after the hero
▶Why we built this product

When NOT to use it

Essential information only in video
Key stepsProvide written instructions and captions below the video
Autoplaying sound on page load
🔊Audio starts playing as soon as the page opens
No poster, duration, or load-failure message
No thumbnail, duration, or error message

Anatomy

▶

Product demo02:18 · English captions

Lets people decide whether to play

Briefly explains the video

Shows duration, captions, or viewing progress

Variants

Poster card

▶

Product demo

As a play entry in a list or article

Inline player

❚❚

01:12 / 02:18

After someone starts watching

Course

▶

Lesson 360% watched

When the learner needs to resume

Typical use cases

Product demo

▶

Create your first project in two minutes02:18

Tutorial

▶

Lesson 3: Set permissions08:40 · 60% watched

Brand introduction

▶

How we made this product01:32

Recommended tool

Web fine-tuning tool · Selector Pro

Select page elements for precise AI edits

Click a button, text, or card, note the change, then copy its exact location to AI.

Open Selector Pro website