Video Component
Available on any page, the Video Component allows a video that plays in a modal to be placed on a page. The video will expand to the width of its container, so it is recommended to be used in either a two column video component or within column controls.
This component supports Youtube, Vimeo, and v.q.q (China) videos. The video image is required to be 800px by 400px for single column or 768px by 768px for two column. If used in multiple columns dimensions are smaller at 400px by 225px.
The author must add in all elements of the Video Schema tab on the component. This requires a Name and Description (do not use any special characters), Thumbnail url, Upload Date, and Embed URL.
You can choose to add additional spacing to the top or bottom of this component.
For ADA compliance, we require a video transcript.
Dynamic Media Smart Crops:
- Two Column: TT-BA-Large-1-1
- Single Column: TT-BA-Medium-2-1
Notes:
- When using a Single Column Video component, make sure it is within a Column Control component.
Requirements: Title, description, still image, transcript, video embed code
Single Video in a two Column Control (60/40 split):
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet. Consectetur libero id faucibus nisl tincidunt eget. Sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus.
Video Title
This is a description. Sit dictumst pretium fermentum urna a parturient placerat sociosqu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet. Consectetur libero id faucibus nisl tincidunt eget. Sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus.
2 Single Videos in a two Column Control (50/50 split):
Video Title
This is a description. Sit dictumst pretium fermentum urna a parturient placerat sociosqu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet.
Video Title
This is a description. Sit dictumst pretium fermentum urna a parturient placerat sociosqu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet.
3 Single Videos in a three Column Control (33/33/33 split):
Video Title
This is a description. Sit dictumst pretium fermentum urna a parturient placerat sociosqu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet.
Video Title
This is a description. Sit dictumst pretium fermentum urna a parturient placerat sociosqu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet.
Video Title
This is a description. Sit dictumst pretium fermentum urna a parturient placerat sociosqu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet.
4 Single Videos in a four Column Control (25/25/25/25 split):
Video Title
This is a description. Sit dictumst pretium fermentum urna a parturient placerat sociosqu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet.
Video Title
This is a description. Sit dictumst pretium fermentum urna a parturient placerat sociosqu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet.
Video Title
This is a description. Sit dictumst pretium fermentum urna a parturient placerat sociosqu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet.
Video Title
This is a description. Sit dictumst pretium fermentum urna a parturient placerat sociosqu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet.
Two Column Video component:
Video Title
Nibh scelerisque potenti ut conubia ut ullamcorper a habitant curae parturient justo odio dignissim aliquam magna adipiscing consectetur nullam phasellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nullam non nisi est sit amet.