install.json

{
  "resources": {
    "head": [
      {
        "type": "script",
        "src": "./vendor/media.js"
      },
      {
        "type": "script",
        "src": "./vendor/intersection-observer.js"
      }
    ],
    "body": [
      {
        "type": "style",
        "src": "./build/app.css"
      },
      {
        "type": "script",
        "src": "./build/app.js"
      }
    ]
  },
  "preview": {
    "handlers": [
      {
        "options": ["_default"],
        "execute": "INSTALL_SCOPE.setOptions(INSTALL_OPTIONS)"
      },
      {
        "options": ["player"],
        "execute": "INSTALL_SCOPE.setPlayerPosition(INSTALL_OPTIONS)"
      }
    ]
  },
  "options": {
    "properties": {
      "videoSource": {
        "title": "Video Source",
        "order": 0,
        "type": "object",
        "properties": {
          "location": {
            "title": "Source",
            "description": "Where is your video located?",
            "order": 0,
            "type": "string",
            "format": "radios",
            "enum": [
              "youtube",
              "vimeo",
              "upload"
            ],
            "enumNames": {
              "youtube": "YouTube",
              "vimeo": "Vimeo",
              "upload": "My device"
            }
          },

          "youtubeURL": {
            "showIf": {
              "videoSource.location": "youtube"
            },
            "title": "YouTube URL",
            "description": "What is the full URL to your video or playlist?",
            "placeholder": "https://www.youtube.com/watch?v=...",
            "type": "string",
            "format": "url",
            "order": 1
          },

          "vimeoURL": {
            "showIf": {
              "videoSource.location": "vimeo"
            },
            "title": "Vimeo URL",
            "description": "What is the full URL to your video?",
            "placeholder": "https://vimeo.com/...",
            "type": "string",
            "format": "url",
            "order": 1
          },

          "upload": {
            "showIf": {
              "videoSource.location": "upload"
            },
            "title": "Upload Video",
            "description": "What is the full URL to your video?",
            "type": "object",
            "format": "video",
            "order": 1
          }
        }
      },

      "player": {
        "title": "Player",
        "order": 1,
        "type": "object",
        "properties": {
          "location": {
            "title": "Location",
            "description": "Where should the player appear on the page?",
            "order": 0,
            "type": "object",
            "format": "element",
            "default": {
              "selector": "body",
              "method": "prepend"
            }
          },

          "horizontalAlignment": {
            "order": 1,
            "title": "Horizontal alignment",
            "type": "string",
            "default": "center",
            "format": "radios",
            "enum": [
              "left",
              "center",
              "right"
            ],
            "enumNames": {
              "left": "Left",
              "center": "Center",
              "right": "Right"
            }
          },

          "cornerAlignment": {
            "title": "Corner Alignment",
            "description": "Which corner should the player move to when the page is scrolled?",
            "order": 2,
            "type": "string",
            "default": "bottom-right",
            "format": "radios",
            "enum": [
              "top-left",
              "top-right",
              "bottom-left",
              "bottom-right"
            ],
            "enumNames": {
              "top-left": "Top left",
              "top-right": "Top right",
              "bottom-left": "Bottom left",
              "bottom-right": "Bottom right"
            }
          },

          "autoplay": {
            "order": 3,
            "title":  "Autoplay",
            "type": "boolean"
          },

          "hideControls": {
            "order": 4,
            "title": "Hide controls",
            "type": "boolean"
          }
        }
      }
    }
  }
}