Step 1

Upload video as usual to brightcove

Step 2

Create a vtt-file with Notepad

  • The file must be stored using UTF-8 encoding
  • The mime type must be VTT File
  • The first line in the file must be: WEBVTT
  • The second line in the file must be: X-TIMESTAMP-MAP=LOCAL:00:00:00.000,MPEGTS:0
  • The third line must be empty
  • The fourth line starts with the time stamps for the chapters (see image)

Step 3

Upload the vtt-file to the corresponding video in brightcove

  • Choose the language
  • Select "chapters" on "Kind"
  • Click "Add text track"

Step 4

In AEM integrate the video with the brightcove video ID into the video component and make sure that the player "Video Player with Chapters" is selected.