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.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
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.