Contents
Requirements
Component may have a video/text or text/video layout.
For video format, the video playback will take place in the space provided (i.e. no popup). Users will be able to pause, rewind, fast forward in this space using Brightcove or YouTube's video player controls.
Each link will feature a hover state to indicate clickable content, including the play icon for videos. For all links, clicking will take a user to the location specified by an admin in the CMS.
Any link that points to a gated content page will include a lock icon to indicate that it is gated. Clicking on it will take the user to the specified location with a login component asking for their credentials. No other content will be visible. NOTE: icon will not appear for logged-in users.
CMS Fields
Field Label | Field Type | Required? | Notes | |
|---|---|---|---|---|
| 1 | Layout | select | yes | video left or video right |
| 2 | Eyebrow | single-line text | no | Users will choose the eyebrow text, always renders as CAPS |
| 3 | Title | multi-line text | yes | |
| 4 | Description | multi-line text | no | Description of item featured in component. |
| 5 | Image | image | no | CMS user can choose the image |
| 6 | Link | link | no | |
| 7 | Brightcove ID | text | yes | admins will enter the Brightcove ID of the video when applicable |
| 8 | YouTube ID | link | yes | admins will enter the YouTube ID of the video when applicable |
https://styleguide.asce.org/section-components.html#asgref-components-video-with-text