---
title: "Video"
date: "2023-10-05T01:40:47+00:00"
summary: "Embed videos effortlessly with our user-friendly form field. Learn how to integrate video content seamlessly into your website, enhancing user engagement and visual appeal."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/video"
id: "53753e6b-c5c4-4440-aacb-37b3db4d6767"
---

Schema:

    {
      "type": "object",
      "properties": {
        "type": {"type": "string", "pattern": "^form-field$"},
        "id": {"type": "string", "pattern": "^[0-9a-f]{8}-([0-9a-f]{4}-){3}[0-9a-f]{12}$"},
        "machine_name": {"type": "string"},
        "data": {
          "type": "object",
          "properties": {
            "uid": {"type": "string","pattern": "^form-video-embed$"},
            "title": {"type": "string"},
            "value": {"type": "string"}
          }
        }
      },
      "required": ["id", "type", "data"]
    }
    

Example output:

Given "Video" form element on a component set up like so

![ae374b26-Screenshot%202023-12-06%20at%2001.34.30.png](https://acquia.widen.net/content/e5df4ade-60ba-483b-a8e9-f5a19d5d0529/web/ae374b26-Screenshot%202023-12-06%20at%2001.34.30.png)

And used on Node layout canvas like so

![208d7283-Screenshot%202023-12-06%20at%2001.38.06.png](https://acquia.widen.net/content/8e7a8e2d-1b42-41c1-adaf-1e817b206fd0/web/208d7283-Screenshot%202023-12-06%20at%2001.38.06.png)

JSON:API output for this form field will be this:

    {
      "type": "form-field",
      "id": "cc6dda12-508e-4a6e-a7d0-3fa385513515",
      "machine_name": "video-url",
      "data": {
        "uid": "form-video-embed",
        "title": "Video URL",
        "value": "https://vimeo.com/261819172"
      }
    }