Display.video

AWS CDK

Source

Displays a video within your Buttonize app.

Display.video(url, props)

Usage

lib/MyStack.ts

import { ButtonizeApp, Display } from 'buttonize/cdk'

new ButtonizeApp(this, 'DemoApp')
  .page('DemoPage', {
    body: [
      Display.video('https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm')
    ]
  })

Preview

app.buttonize.io

Props

url

Required

string

The source URL of the video.

The video URL must be a valid value for the src attribute of an HTML <video> tag.

Embeddable YouTube video links and other such <iframe>-based links will not work.

muted

Optional

boolean

Initial muted state of the video. Default is false.

spacingTop

Optional

’sm’ | ‘md’ | ‘lg’ | ‘xl’

The amount of space to give above the component.

spacingBottom

Optional

’sm’ | ‘md’ | ‘lg’ | ‘xl’

The amount of space to give below the component.

width

Optional

1 | 2 | 3 | 4

The width of the component.