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'
};