Video/V1

Video embeds for YouTube and other platforms with styling options.

Basic Structure

JSON
{
  "type": "Video/V1",
  "id": "6Z-VidEx-0",
  "version": 0,
  "parentId": "6Z-Parent-0",
  "fractionalIndex": "a0",
  "attrs": {
    "data-skip-background-settings": "false",
    "data-skip-shadow-settings": "false",
    "data-skip-corners-settings": "false",
    "style": {
      "margin-top": 20
    }
  },
  "params": {
    "margin-top--unit": "px"
  }
}

Supported Features

Feature Supported
Background Yes
Border Yes
Shadow Yes
Corners Yes

Video with Styling

JSON
{
  "type": "Video/V1",
  "attrs": {
    "data-skip-background-settings": "false",
    "data-skip-shadow-settings": "false",
    "data-skip-corners-settings": "false",
    "style": {
      "border-radius": 12,
      "margin-top": 20
    }
  },
  "params": {
    "margin-top--unit": "px",
    "border-radius--unit": "px",
    "--style-box-shadow-distance-x": 0,
    "--style-box-shadow-distance-y": 8,
    "--style-box-shadow-blur": 24,
    "--style-box-shadow-spread": 0,
    "--style-box-shadow-color": "rgba(0, 0, 0, 0.15)",
    "--style-box-shadow-distance-x--unit": "px",
    "--style-box-shadow-distance-y--unit": "px",
    "--style-box-shadow-blur--unit": "px",
    "--style-box-shadow-spread--unit": "px"
  }
}

VideoPopup/V1

For modal video popups, use the VideoPopup element:

JSON
{
  "type": "VideoPopup/V1",
  "id": "6Z-VidPp-0",
  "version": 0,
  "parentId": "6Z-Parent-0",
  "fractionalIndex": "a0"
}