Youtube Embed Code- Insert embed code from YouTube. Example: CqZeezv9xqw.
Video length- Displays in the lower right corner of the video thumbnail/placeholder image. Disappears when video is played
Video title- For modal videos - Used for aria labels, but does not display on the page
- For lazyload videos - The title displays on video, near the top
Image Override- Tooltip: Image will override YouTube thumbnail. Make sure video image dimensions are the same for all cards in the block. Youtube thumbnails are 1176x662px
- TIP: Recommend using an image with 4:3 aspect ratio if there is a lot of text content next to the video. Dimensions of 1024px by 768px have worked well before.
- Image (Array)
- If Show Overflow is toggled yes, make sure all the images are the same size.
- The images can be vertical or horizontal
Image Alt text- Describe what’s in the youtube thumbnail image. Not necessary if you use the Image Override.
- Select: dark, light, or red
- Red Button is only used for low contrast, grayscale images where light and dark buttons won't work.
- Play button colors won't apply when Show Overflow is toggled to yes
- Instead, the play button says "Watch the video" with an arrow
Play Button Alt Text- Aria-label for the play button. Defaults to “play video”. Example: “Watch Sennai’s video”
|
