Video playlist module


A video playlist module contains a list of videos pertaining to a similar topic.

For a wire frame example of what this content type can look like on your site, see Video Playlist design.

Tip
Before beginning these steps, make sure you upload the playlist's videos to Brightspot. For details, see Video.


To create a video playlist module:

  1. In the header, click add.
  2. From the Create list, select  Video Playlist Module.
  3. Using the following table as a reference, complete the fields as needed.
  4. Complete your site's workflow and publish the video playlist module.

Video playlist module fields

Click each tab below to see a description of the associated fields.

FieldDescription
Internal NameEnter an internal name for this asset. Brightspot uses this name internally, such as in the search panel and recent activity widget. This name is not visible to visitors to your site.
TitleEnter a title for this asset. This title is visible to the visitors to your site.
DescriptionEnter a description that describes this asset. This description is visible to the visitors to your site.
ItemsCreate one of the following lists:
  • Basic—Creates a list of videos that does not change.For more information, see List module.
  • Advanced—Creates a list of videos that does not change. Each video can have additional features, such as companion content, call to action, and a thumbnail image. For more information, see List module.
  • Dynamic—Creates a list of videos that changes over time based on selection criteria you configure. For more information, see List module.
Call To ActionSelect None, Internal or External.
  • None—No call to action button is displayed.
  • Internal—A call to action button is displayed that links to an internal asset.
  • External—A call to action button is displayed that links to an external URL.
Using the Call to Action Advanced tab


When setting up an internal or external call to action, you have the option to set how the link will behave.

External—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Attribute—Click add_circle_outline to add an attribute to the link.
    • Name—Enter the name of the attribute. For example, Title.
    • Value—Set the value for the attribute. For example, Brightspot Home Page. This appends Title="Brightspot Home Page" to the URL of the external link specified in the Call to Action.
Internal—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Attribute—Click add_circle_outline to add an attribute to the link.
    • Name—Enter the name of the attribute. For example, Title.
    • Value—Set the value for the attribute. For example, Brightspot Home Page. This appends Title="Brightspot Home Page" to the URL of the external link specified in the Call to Action.
  • Anchor—If the asset you are linking to has anchors present, such as a page with tabs, you can select items within the tabs to which to anchor. Then when your visitors click the Read More button, they are taken directly to that anchor.
Call to Action Button TextEnter text appearing on the call-to-action button. This text is visible to the visitors to your site.

FieldDescription
AnchorModify the anchor to something that would make sense when appearing in an Anchor field's drop-down menu on another asset. This allows you to directly link to this module in another asset. Being specific makes it easier to identify in a list of other anchors.

Video Playlist Module Styles



FieldDescription
TemplateSelect the template of this module from the list of options. Templates are visual presentation presets that differ depending on the type of module.
PresetSelect one of the following:
  • None—Applies styling from the site's theme.
  • Custom—Opens a form to customize the site's theme for this asset.
  • (Various)—Aside from None or Custom, there may be additional options in this list depending on the value selected in the Template field. If the selected template has presets, then those presets are able to be selected in this list and applied. For information about configuring template presets, see Creating a template preset.
Position playlist below the playerToggle on to position the playlist below the player. Toggle off to position the playlist to the side of the player.
Choose a Background ColorEnter the hexadecimal value of a background color for this module. For instance, entering #000888 provides a dark blue background.
Change Primary Text Color to Primary Inverse Text Color (Set in Theme Colors)Toggle on to convert the primary color of the text in the module to the inverse color of the text set in the theme.
Header Text AlignmentOverrides the default alignment of the header as specified in your theme's CSS file. You can choose from Left, Center, or Right.
Module Padding TopOverrides the default padding at the top of the module as specified in your theme's CSS file. You can choose from None, Small, Medium, or Large.
Module Padding BottomOverrides the default padding at the bottom of the module as specified in your theme's CSS file. You can choose from None, Small, Medium, or Large.

FieldDescription
LocaleSets the content's locale. This setting can also be used to auto-localize content based on the users requested locale.

Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

Asset types
Module types
Page types
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

Content types
Modules
Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

Field types
Content modeling
Rich-text elements
Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

Google Analytics
Shopify
Apple News