Adding Chapters to a Video

In this topic, you will learn how to add chapters to a video.

Introduction

The Interactivity module provides the ability to add chapters to videos. Chapters make it easier for viewers to go to a specific point in a video. This is especially helpful for longer form videos. Rather than scrubbing through the video, the chapter menu can be used to jump to a specific point in the video. There are two elements needed to add chapters:

  • Bookmarks - Identify specific times in the video
  • Chapter Menu - Lists all of the bookmarks

Adding chapters

Follow these steps to add chapters to a video:

  1. Login to Video Cloud Studio.
  2. Open the Interactivity module.
  3. Create a new project or click on a project Title to open it.
  4. In the right toolbar, click on the chaptering icon.
  5. The Chaptering panel will expand, allowing you to configure chapters and their appearance.

Configuring chapters

In the Chaptering panel, you can manage your chapters and customize their appearance:

Chaptering configuration panel

Adding new chapters

  1. Click New in the Chapters section to add a new chapter.
  2. Enter a title for the chapter.
  3. Set the start and end times for the chapter.
  4. Chapters will appear in a list with their sequential number, title, and time range.

Customizing chapter markers

The Marker section allows you to control the visual appearance of chapter markers on the video player:

  • Enable/Disable - Toggle the marker display on or off
  • Background - Set the background color of the marker
  • Border - Customize the border color of the marker
  • Text - Set the text color within the marker
  • Position - Choose where the marker appears (e.g., Left-top, Right-top, Left-bottom, Right-bottom)

Customizing the chapter menu

The Menu section provides comprehensive styling options for the interactive chapter menu:

  • Enable/Disable - Toggle the menu display on or off
  • Styling options - Customize background, border, border radius, and text colors for various menu elements
  • Type - Choose the menu layout (e.g., Column for a vertical list)
  • Position - Set where the menu appears on the player
  • Initial State - Choose whether the menu appears expanded or collapsed when the video loads

Completing chapter setup

  1. After configuring your chapters and their appearance, click Done.
  2. Click Embed to generate the embed code.
  3. Click Preview to test your chapters. Confirm that when you click on a chapter, that part of the video plays.

Reviewing chapter data

The Chapter Summary in the Core reports can be used to view the number of views and clicks on chapters. For information, see the Core Reports Reference topic.