Configuring Interactivity Settings

In this topic you will learn how to configure Interactivity settings.

The Interactivity settings can be used to style annotations using CSS, style annotations using the style editor and configure other annotation styling properties.

Follow these steps to configure the Interactivity settings:

  1. Login to Video Cloud Studio.
  2. Open the Interactivity module.
  3. Click the settings icon () at the top of the page.

Configuring Interactivity CSS

The Interactivity CSS file is an account-level CSS file that will be used to style all annotations in projects, templates and experiences. You can use your own CSS file or use the Style Editor to create a CSS file. The URL of the CSS file being used will be displayed in the body of the page.

Uploading a CSS file

To upload a new CSS file, click Upload Custom CSS and then browse and select a CSS file to use.

Downloading the default CSS file

To download the default CSS file, click Download Default CSS. After downloading the CSS, you can edit it as needed and then upload it.

Restoring the default CSS file

To restore the default CSS file, click Restore

Using the Style Editor

The Style Editor provides an easy to use interface that can be used to style annotations. After the styling is complete, the changes can be published so that the styling is applied to all annotations in the account.

For information on using the style editor, see Using the Style Editor.

Configuring styling defaults

To configure styling defaults, follow these steps.

  1. Open the Interactivity module.
  2. Click the settings () icon.
  3. In the left navigation click Config.

The following settings can be configured.

  • Initial Menu State - Controls if the chapter menu displayed Expanded or Collapsed
  • Chapter Menu - Sets the default style for how chapter menu annotations will appear
    • Column - Chapter menu will appear as a column on left side of player
    • Fullscreen - Chapter menu will expand to width of player
  • Quiz Language - Sets the default language for quizzes
  • Interactivity Experience Player - This is the Brightcove Player that will be used when previewing and generating embed code for experiences

When done, click Save to save the changes.