Add chapter markers

Learn how to create a WebVTT file for video captions and chapters.


A chapter marker provides a way to convey viewing milestones within the timeline of a player. It allows the segmentation of long videos into discrete segments.

1448

Chapter marker in a video

A viewer can quickly hover over the cue point and can see the title of the chapter or section. Clicking on the cue point navigates you directly to that point of the video. These markers are rendered by the player when a standard WebVTT text track is provided in the player embed code.

JWP provides the following approaches to adding chapter markers to the videos in your media library.

ApproachDescription
Tracks EditorEnables creating chapters from your JWP dashboard
.VTT file uploadEnables manually creating and uploading a Web Video Text Track file that defines each chapter in a video


Create chapter markers

Tracks editor page

Tracks editor page

The tracks editor enables you to define chapter markers for a media item directly from the JWP dashboard.

Follow these steps to create chapter markers:

  1. In your Media Library, click the name of a video. The media details page appears.
  2. On the right side of the page beneath the preview player, click the Tracks tab.
  3. In the Chapters section, click Manage. The Chapters tracks panel appears.
  4. Click Create. The tracks editor appears.
  5. To the left of the preview player, click into the timestamp field. The chapter settings appear.
  6. In the top timecode field, set the chapter start time in hh:mm:ss.mmm format.

    💡

    Alternatively, you can pause the preview player at the desired point and click Add to set the start time.

  7. In the bottom timecode field, set the chapter end time in hh:mm:ss.mmm format.
  8. In the text field, enter the chapter name.
  9. (Optional) Click + and repeat steps 6-8 to add another chapter.
  10. Below the preview player, on the Track details tab, enter the Name of the chapter track.
  11. Enter a three-letter Language code.

    💡

    Click View list of codes to see all accepted language code values in a new tab.

  12. Click Save.

    💡

    Click â–¶ in the preview player to preview the chapters.



.VTT file upload

If your content is uploaded or registered with the JWP dashboard, you can also host your VTT file on the JWP platform.

🚧

A .vtt file is subject to cross-domain security restrictions and therefore will not automatically load from another domain than the player.

Use the following steps to upload chapter markers:

  1. Create a .vtt file for your chapter markers.
  2. From your Media Library, click the name of the video to which to add chapter markers. The video details page appears.
  3. On right side of the page beneath the preview player, click the Tracks tab.
  4. In the Chapters section, click Manage. The Chapters tracks panel appears.
  5. Click Upload.
  6. Select a single .vtt file or multiple .vtt files to open from your computer. The selected file or files are uploaded and associated with the video. Once uploaded, the track appears on the Chapters tracks panel.




© 2007- Longtail Ad Solutions, Inc.