Video Card

Synopsis: The Video Card component has title, description & a parsys to include Brightcove Video Player.

The author can configure Top Color and Background Color

Usage: All pages.

Requirement: https://fiserv-com.atlassian.net/browse/FC-792

Note: This should be used as an example only. There will be additional requirements related to each individual component usage and page design, such as font treatments, padding and margin requirements, ADA compliance etc, so please use the below examples for reference only to demonstrate core function.

Scenario 1

Ingredients: 1 Container, 1 Video Card

The video card component can include title, description & has a parsys to add bright cove video.

In this scenerio the top color is grey-800 & background color is primary white.

Revenue Through Innovation

14 of the top 20 global brands use us to power their digital commerce experiences. Our omni-channel technology, industry expertise and actionable data insights create a unified customer journey that helps drive loyalty and revenue growth.

Scenario 2

Ingredients: 1 Container, 1 Video Card

In Video card component author can configure title, description, top color, background color and has a parsys to include bright cove video player.

In this scenerio top color is primary-orange & background color is grey-700 with fade in style applied to title & description

 

Revenue Through Innovation

14 of the top 20 global brands use us to power their digital commerce experiences. Our omni-channel technology, industry expertise and actionable data insights create a unified customer journey that helps drive loyalty and revenue growth.