
Select the Singular Media layout set from the Choose Layout Set menu. Next, select the AV Media layout style, followed by the desired variant and theme options. Click Apply.




The AV Media layout type consists of the following elements:
- Step title
- Step main text
- background image
- contextual launcher image for video
- video ID to indicate targeted video file on selected video hosting service
- (optional) accent image, if accent layout variant is selected
The context image editing area provides the following controls/inputs:
- caption field
- screenreader-only assistive description
- width and framing options
The AV Media layout places a launcher image alongside the main text content that opens a modal panel containing an embedded video with keyboard-assistive controls available. Currently available video platforms in StepStone are Vimeo and YouTube. Please review the knowledgebase article Editing a Step: Adding Media for more information about working with the StepStone Media Manager. Additionally, review the knowledgebase article Editing a Step: Adding a Video for more information about adding videos using the StepStone Media Manager.