Working with cue points to modify the page functionality of an on-demand event

Summary: This article will teach you how to navigate the cue points, change their properties, add new cuepoints and delete them 

If you need to understand what the cue points are, read this article first.

Understanding the interface: Clocks

After setting the initial offset and reloading the page, the video start time is reset to 0

Unfold the cues section on the left-hand side menu

The red arrows point to the current time of the video

The blue arrow points to the start time of the current active cue point

Navigating the cue points

To move between cue points, use the icons, signalled in red, located on the left and right of the clocks box. Similarly, to move between cue points for a specific component, use the icons, signalled in blue, located on the left and right of the component section. 

When an icon appears in soft grey, it indicates that there are no further cue point changes in that direction.

Adjust the time of an existing Cue point

Adjust the time at which a cue is set using the cue point adjustment section directly beneath the cue point time. Keep in mind that you cannot move a cue point beyond another existing cue point. You can move the cue point in increments of 1, 10, or 60 seconds. 

To confirm any changes made on the page, click the save button. If needed, use the undo/redo arrows to revert or redo changes.

Add a new Cue point

Click the "ADD CUE" button to create a new cue at the current time of the video.

The new cue will replicate the component values of the previous cue. Therefore if you don't make any changes to the values of the components of that cue point, the page behaviour for the end user will remain unaltered

As a result, a new cue point has been set at second 10.

Change the value of a component

You can change the value of any of the components. (for example:)

• Layouts (size and position of the video player vs. other page components)
• Values of a graphic component (like the page header) 
• Hide or show call-to-action buttons
• etc.

For instance, this screenshot displays the previous state of the page at second 10, with a cue point set at second 7

Here is a screenshot of the updated page layout after changing the layout value to a different option.

Remember that to confirm any changes made on the page you must click the save button

In the same way we've changed the value of the layout, we can show or hide a button or change a slide