{
  "widgettype": "VBox",
  "options": {
    "width": "100%",
    "height": "100%",
    "bgcolor": "#000000"
  },
  "subwidgets": [
    {
      "widgettype": "VideoPlayer",
      "id": "videoPlayer",
      "options": {
        "width": "100%",
        "height": "85%"
      }
    },
    {
      "widgettype": "HBox",
      "options": {
        "width": "100%",
        "height": "15%",
        "bgcolor": "#1a1a1a",
        "spacing": 10,
        "padding": "10px"
      },
      "subwidgets": [
        {
          "widgettype": "Button",
          "id": "playBtn",
          "options": {
            "label": "Play",
            "icon": "play.fill",
            "cwidth": 8,
            "cheight": 4,
            "bgcolor": "#007aff",
            "color": "#ffffff"
          },
          "binds": [
            {
              "wid": "self",
              "event": "click",
              "actiontype": "event",
              "target": "videoPlayer.play"
            }
          ]
        },
        {
          "widgettype": "Button",
          "id": "pauseBtn",
          "options": {
            "label": "Pause",
            "icon": "pause.fill",
            "cwidth": 8,
            "cheight": 4,
            "bgcolor": "#ff9500",
            "color": "#ffffff"
          },
          "binds": [
            {
              "wid": "self",
              "event": "click",
              "actiontype": "event",
              "target": "videoPlayer.pause"
            }
          ]
        },
        {
          "widgettype": "Button",
          "id": "toggleBtn",
          "options": {
            "label": "Toggle",
            "icon": "playpause.fill",
            "cwidth": 10,
            "cheight": 4,
            "bgcolor": "#34c759",
            "color": "#ffffff"
          },
          "binds": [
            {
              "wid": "self",
              "event": "click",
              "actiontype": "event",
              "target": "videoPlayer.toggle"
            }
          ]
        },
        {
          "widgettype": "Filler"
        },
        {
          "widgettype": "Input",
          "id": "videoUrlInput",
          "options": {
            "name": "url",
            "placeholder": "Enter video URL",
            "cwidth": 30,
            "cheight": 4
          }
        },
        {
          "widgettype": "Button",
          "id": "loadBtn",
          "options": {
            "label": "Load",
            "icon": "arrow.down.circle.fill",
            "cwidth": 8,
            "cheight": 4,
            "bgcolor": "#5856d6",
            "color": "#ffffff"
          },
          "binds": [
            {
              "wid": "self",
              "event": "click",
              "actiontype": "method",
              "target": "videoPlayer",
              "method": "setURL"
            }
          ]
        }
      ]
    }
  ]
}