Video

Getting Started

Stylistic video. Part of the Bolt “Components” CSS framework that powers the Bolt Design System.

Install via NPM
npm install @bolt/video

Usage

  {% include "@bolt/video.twig" with {
  videoId: "5609376179001",
  accountId: "1900410236",
  playerId: "r1CAdLzTW",
  showMeta: true,
  showMetaTitle: false
} only %}

Schema

Name Type Value(s) Description Default
attributes object

A Drupal-style attributes object with extra attributes to append to this component.

 N/A
videoId string OR number

Brightcove ID for this video.

 N/A
playerId string

Brightcover Player ID.

 N/A
accountID string OR number

ID of the Brightcove account that owns the video.

 N/A
videoUuid string

A unique identifying string, randomly generated if not provided.

 N/A
share_description string

A custom title to use in the share overlay

 Share This Video
ratio boolean

Maintain video ratio.

 N/A
collapsed boolean

Should the video be collapsed on load.

 N/A
showMeta boolean

Should the video show meta data.

 true
showMetaTitle boolean

Should the video show meta title.

 true
controls boolean

Should the video controls be available.

 true
autoplay boolean

Should the video auto-play on load.

 false
loop boolean

Should the video loop.

 false
isBackgroundVideo boolean

Set to true if the video is a background.

 false
on_init string

The on_init config allows for an external Javascript function inlined on the page to add any 3rd party scripts or video plugins to a <bolt-video> player instance when initializing. Please see the new recommended enabled_plugins and disabled_plugins options below.

 N/A
enabled_plugins string

Space-separated list of built-in <bolt-video> plugins for Brightcove to enable. Current include social, email, playback, and cue. For example: <bolt-video enabled-plugins="cue social email playback">.

 N/A
disabled_plugins string

Space-separated list of any built-in <bolt-video> plugins for Brightcove to disable. Used to opt-out of any video plugins that are enabled by default (ex. the playback plugin). For example: <bolt-video disabled-plugins="playback">.

 N/A