Banners
VideoSliderBanner

VideoSliderBanner

Carousel/slider of videos with shared playback options.

Includes the common banner props.

Props

id●
string
required

CMS id.

videos●
VideoProps[]
required

Videos rendered as slides.

mutedAutoplay●
boolean
required

If true, each video autoplays muted.

hideControls●
boolean
required

If true, native controls are hidden.

loop●
boolean
required

If true, loops each video.

mobileAspect●
'SIXTEEN_TO_NINE' | 'FOUR_TO_THREE' | 'NINE_TO_SIXTEEN'
required

Aspect ratio to use on mobile layouts.

Example

const banner: VideoSliderBanner = {
  typename: BannerTypename.VideoSlider,
  id: 'b_123',
  title: null,
  titleTag: 'h2',
  titleAlign: 'left',
  cssId: null,
  cssClasses: null,
  videos: [{} as any, {} as any],
  mutedAutoplay: true,
  hideControls: false,
  loop: true,
  mobileAspect: 'SIXTEEN_TO_NINE'
};
VideoBlockBannerCarConsumptionInfoBanner