About this block

Video With Chapters turns a long video into a navigable document. The player mockup sits beside a bordered chapter list where each row pairs a timestamp with a title, one row highlighted as active with a tinted background and primary timestamp. The lede sells the chapter promise, skip to the part you need, which is what makes a twelve minute video clickable at all.

The chapters are one array of time, title, and an active flag. Wire the rows to seek positions when you embed a real player, the markup is already anchor links. Five chapters is the readable depth, more and the list wants grouping or a second column.

When to use

Reach for this block for long form essential video, onboarding walkthroughs, recorded trainings, or a chaptered demo for buyers who each care about a different feature. The chapter list respects the visitor whose question is in minute seven, something video-player-split cannot offer. It also pairs with docs pages where text and timestamps reference each other.

A natural flow around it on a Marketing Pro page:

Before

• How It Works sections whose steps the chapters mirror

After

• FAQs for what the video left open
• CTAs for viewers ready after their chapter

What you can display

One strong use is the chaptered onboarding walkthrough. Other chaptered videos:

• Feature deep dive. One feature per chapter for a power user audience.
• Recorded webinar. The replay with audience questions as their own chapters.
• Migration guide. Export, import, verify as chapters for switchers following along.

Tip: name chapters after the viewer goal, reading the report beats reporting module, timestamps are promises about answers.