-
Notifications
You must be signed in to change notification settings - Fork 42
Video
kodiakhq[bot] edited this page Feb 11, 2022
·
83 revisions
core
UI component
The Video component utilizes the embeddable Kaltura player r2 to play video either on page or in Lightbox media viewer. Video allows custom override of all content returned by the Video service except video duration.
Table of contents
Used by (8)
- CTA block
- Content block segmented
- Content block simple
- Content group simple
- Content item horizontal
- Content item
- Lead space block
- Lightbox media viewer
Back links (12)
CTA (1)
- media viewer to play the Video
- Video) and ends with a
- ...optional media item (Image with caption or Video)
- ...here is can be an Image with caption or a Video
- See Image with caption and Video for more
Content item (2)
- Video
- See Video for more
Content section (1)
- See Video for more
- an Image or Video depending on what the adopters
2.1.2
| VideoID
| If aID
| If a VideoID
is provided use the Video service to...- ...is provided use the Video service to get Video data and render
optional
string
Condition | Description | |
---|---|---|
1.1 |
undefined (default) |
Caption prefilled by Video service's provided name. |
1.2 |
String provided |
Adding a custom caption overrides the API call. |
Duration is appended after string of text in parenthesis. (e.g.
caption string (duration)
)
required
component
Condition | Description | |
---|---|---|
2.1 |
undefined (default) |
Poster Image 2 prefilled by Video service's provided image. |
2.1 |
Image | Adding a custom Poster Image 2 overrides the API call. |
Events | Description | |
---|---|---|
2.3 |
onClick |
Plays video when clicked |
Name | Description | |
---|---|---|
2.4 |
playing-mode |
Inline (default) replaces Poster Image 2.Lightbox opens Lightbox media viewer 3. |
2.5 |
aspect-ratio |
16x9 (default) , 9x16 , 2x1 , 1x2 , 4x3 , 3x4 , 1x1
|
See Image for more information.
optional
component
optional
string
Condition | Description | |
---|---|---|
3.A.2 |
if string provided |
Pass the string to Lightbox media viewer to override heading
|
optional
string
Condition | Description | |
---|---|---|
3.A.2 |
if string provided |
Pass the string to Lightbox media viewer to override copy
|
See Lightbox media viewer for more information.
Publishing guidelines (6)
Layout component (37)
- CTA block
- CTA section
- Callout media
- Callout quote
- Callout
- Card group
- Card section carousel
- Card section images
- Card section offset
- Card section simple
- Card section
- Content block cards
- Content block horizontal
- Content block media
- Content block mixed groups
- Content block segmented
- Content block simple
- Content block
- Content group banner
- Content group cards
- Content group pictograms
- Content group simple
- Content group
- Content item horizontal
- Content item
- Content section
- Dotcom shell
- Feature section
- Lead space block
- Lead space search
- Lead space
- Link list section
- Logo grid
- Table of contents
- Tabs extended media
- Tabs extended
- Universal banner
Service (3)
UI component (34)
- Back to top
- Background media
- Button group
- CTA
- Card in card
- Card link
- Card
- Carousel
- Expressive modal
- Feature card
- Filter group
- Filter panel
- Footer
- Image with caption
- Image
- Input select
- Leaving ibm
- Lightbox media viewer
- Link list
- Link with icon
- Locale modal
- Masthead L0
- Masthead L1
- Masthead account
- Masthead mobile
- Masthead navigation
- Masthead
- Mega menu
- Pictogram item
- Quote
- Search typeahead
- Tag group
- Tag link
- Video