Video With Chapters
A player mockup beside a chapter list with timestamps and one active row.
A player mockup beside a chapter list with timestamps and one active row.
The Marketing Collection unlocks the source for every Marketing block. All Access unlocks every Collection.
Already purchased? Log in
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.
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
After
One strong use is the chaptered onboarding walkthrough. Other chaptered videos:
Tip: name chapters after the viewer goal, reading the report beats reporting module, timestamps are promises about answers.