Brightcove Video Player
Synopsis: The Brightcove video player is a component that can play videos within the website. It can be included by itself in a container or within columns. The player will fill the space of the container it resides in.
Content Fields:
Container ID, Container Class, Advanced CSS(Inline CSS) (options pull from Brightcove via integration)
Options:
Account, Video, Player, Embed Type, Player Alignment, Size, (Standard video placement will normally not require the author to touch anything in the Advanced tab).
Usage: All pages
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
Standalone Player
Ingredients: 1 Container, 1 Brightcove Video Player
This scenario consists of 1 wrapping container set to "contained" and 1 Brightcove Video Player. The video player will extend to the full width of the parent container. Note: you may need to select the Advanced tab and then select Center for player alignment for the video to fill the entire container.
Scenario 2
Player within Columns
Ingredients: 1 Container, 1 Column Control, 1 Text Component, 1 Brightcove Video Player
This scenario consists of 1 wrapping container set to "contained", a column control, 1 Text component in the left column and 1 Brightcove Video Player in the right column. The video player will extend to the full width of the parent column. Note: you may need to select the Advanced tab and then select Center for player alignment for the video to fill the entire container.
Elevated Consumer Interactions
Deliver excellent consumer experiences
Align digital capabilities with physical space at every branch for a comprehensive experience that meets consumer expectations and strengthens relationships.
Scenario 3
Player with Customized size
Ingredients: 1 Container, 1 Column Control, 1 Brightcove Video Player
This scenario consists of 1 wrapping container set to "contained", 1 Brightcove Video Player in the Left side. The video player has customised width of 500px the Height 500px. Note: you may need to select the Advanced tab and then select the Size options to control the Width and Height of the player.