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 |
| 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
|
