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

Video≠Image

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

When to use it

Product walkthrough
Course or tutorial
Brand story after the hero

When NOT to use it

Essential information only in video
Autoplaying sound on page load
No poster, duration, or load-failure 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