Product videos / PRACTICAL ANSWER
Why Does My Product Video's Chapter File Not Appear as Chapters?
A WebVTT file containing chapter names is not automatically a working chapter menu. Its HTML track must identify the intended kind, and the receiving player must provide a way to navigate those chapters. Check both the metadata and the actual player before rebuilding the video.
Track kind changes how the file is interpreted
The HTML track element supports different kinds of timed information. MDN distinguishes subtitles, captions, descriptions, chapters and metadata. These values describe different roles, even when the underlying file uses WebVTT timing syntax.
A chapter file identifies meaningful sections of a video. It is not intended to display every chapter name as spoken-dialogue subtitles. If a developer attaches chapter cues using kind="subtitles", the browser receives subtitle semantics rather than chapter-navigation semantics.
Conversely, changing the attribute to chapters does not guarantee that a particular browser's native controls will expose a chapter menu. The webpage or video-player implementation may need its own supported chapter-navigation interface. Separate correct metadata from visible interface support.
Inspect the track and its cues
Start with the final video revision and its intended chapter map. Confirm that the WebVTT file is reachable, has valid timing and identifies useful product tasks. For a long demonstration, those tasks might be unpacking, assembly, operation and cleaning.
Inspect the rendered track element. Its kind should express the intended chapter role. Check the src association and the cue times against the current video. A valid chapter starting at 3:20 cannot navigate useful content in a replacement video that ends at 2:30.
Then inspect the player. If the track is correctly identified but no chapter navigation is available, investigate whether the player actually implements that interface. Do not misdiagnose an unsupported chapter UI as a broken video export.
Keep chapter cues separate from captions of narration. A product tutorial may need both, but they answer different user questions.
Hypothetical case: chapter cues are treated as subtitles
Hypothetical illustration, not an executed player test: A fictional four-minute storage-rack tutorial has three chapter cues: Unpacking at 0:00, Assembly at 1:00 and Cleaning at 3:20. Assume the VTT file is valid and all three intervals fit the final video.
The webpage mistakenly attaches the file as kind="subtitles". The developer's first correction is to represent it as a chapter track and verify the cue map. The second check is whether the chosen player exposes chapter navigation. If it does not, the team must choose a player-supported chapter interface or provide a usable linked chapter list where the implementation permits.
Neither step requires changing the actual footage. The worksheet records the assumed metadata mismatch and the unresolved player-support check, rather than claiming that a browser menu appeared.
Keep chapter meaning tied to the final cut
Review every chapter destination in the final player. Selecting Assembly should take the viewer to the beginning of the relevant instruction, not a preceding promotional shot or the middle of an action. Verify that chapter labels are accurate and that keyboard and other supported navigation methods remain usable.
When the video is replaced or shortened, rebuild the chapter map against the new editorial sequence. The existing Vimeo replacement chapter guide covers a hosting platform's timestamp-retention behavior; this article instead diagnoses HTML track semantics and chapter-interface support.
Do not assume that chapters embedded in one hosting platform automatically become chapter controls when the same video file is placed in a different player. The video, timed-text file and player interface are separate deliverables. Keep their versions together in the handoff.
Record your own observations
The filled rows are illustrative examples. Use the blank row for your own files and observations.
| Scenario | Video duration | Cue | HTML kind | Intended behavior | Diagnosis | Next action |
|---|---|---|---|---|---|---|
| Hypothetical rack tutorial | 4:00 | 1:00 Assembly | subtitles | Chapter navigation | Wrong track semantics | Use chapter kind and inspect player support |
| Hypothetical corrected metadata | 4:00 | 3:20 Cleaning | chapters | Chapter navigation | Track role corrected; menu support unverified | Test destination player and cue destination |
What the references establish
- MDN — track HTML element: Defines the supported text-track kinds and distinguishes chapters from captions, subtitles and metadata.
- MDN — TextTrack interface: Documents the browser representation of timed text tracks, including kind and cue access for player implementations.
Sources and further reading
Recorded source-review dates are listed individually below. An undated source does not inherit the article’s publication date. Software and platform rules can change; check the current original before acting.
- MDN — track HTML element · Review date not separately recorded
- MDN — TextTrack interface · Review date not separately recorded
Frequently asked questions
Will changing kind to chapters always make a chapter menu appear?
No. It provides the intended text-track semantics. The actual player must support or implement chapter navigation.
Can one chapter track replace captions?
No. Chapters identify sections for navigation; captions represent speech and meaningful audio information.
PREPARE ASSETS FOR YOUR NEXT STEP
Create supporting product assets in CartVisual.
Create new product creative assets in the workspace, then continue in your chosen tools. Third-party software procedures described in this guide take place in those applications; this workspace link does not imply an integration. Check current capabilities, account access and credit quotes.
Create account and open this workspace Check pricing and creditsStart with free concept and copy planning after sign-in. Image and video generation require available credits; review the quote before starting.
Already have an account? Open the workspace.