{
  "apiVersion": 3,
  "title": "Video Cover",
  "name": "brandy/video-cover",
  "category": "brandy-blocks",
  "description": "A cover block with video background and custom play/mute controls",
  "keywords": [
    "video",
    "cover",
    "background",
    "media",
    "youtube",
    "vimeo"
  ],
  "attributes": {
    "videoType": {
      "type": "string",
      "default": "upload",
      "enum": [
        "upload",
        "youtube",
        "vimeo"
      ]
    },
    "videoUrl": {
      "type": "string",
      "default": ""
    },
    "videoId": {
      "type": "number",
      "default": 0
    },
    "externalVideoId": {
      "type": "string",
      "default": ""
    },
    "poster": {
      "type": "string",
      "default": ""
    },
    "posterId": {
      "type": "number",
      "default": 0
    },
    "autoplay": {
      "type": "boolean",
      "default": true
    },
    "loop": {
      "type": "boolean",
      "default": true
    },
    "muted": {
      "type": "boolean",
      "default": true
    },
    "showPlayButton": {
      "type": "boolean",
      "default": true
    },
    "showMuteButton": {
      "type": "boolean",
      "default": true
    },
    "contentPosition": {
      "type": "string",
      "default": "center"
    },
    "isFullHeight": {
      "type": "boolean",
      "default": false
    },
    "minHeight": {
      "type": "string",
      "default": "400px"
    },
    "overlayColor": {
      "type": "string",
      "default": ""
    },
    "customOverlayColor": {
      "type": "string",
      "default": ""
    },
    "dimRatio": {
      "type": "number",
      "default": 50
    }
  },
  "supports": {
    "interactivity": true,
    "align": true,
    "spacing": {
      "margin": true,
      "padding": true
    },
    "dimensions": {
      "aspectRatio": true,
      "minHeight": false
    },
    "color": {
      "text": true,
      "background": false
    },
    "__experimentalBorder": {
      "radius": true,
      "width": true,
      "color": true,
      "style": true
    },
    "layout": {
      "allowJustification": false
    }
  },
  "render": "file:./render.php",
  "example": {
    "viewportWidth": 800,
    "attributes": {
      "minHeight": "300px"
    }
  },
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScriptModule": "file:./view.js"
}