---
title: "Video URL form element"
date: "2019-02-01T11:50:38+00:00"
summary: "Add a Video URL field with preview to your Component form. Easily configure placeholder text, default values, validation, and tooltips for seamless video integration in Site Studio."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/video-url-form-element"
id: "6363e320-e3dd-4547-81fb-c4d41a529341"
---

Table of contents will be added

Use the Video URL form element to add a Video URL field with video preview field to your Component form. For more information, see [Create an editable component](/drupal-starter-kits/add-ons/site-studio/create-component "Create an editable component").

Locating the Video URL form element
-----------------------------------

To find the Video URL form element:

1.  Navigate to a component
2.  Click the **+ button** on the Component form builder
3.  Within the Fields tab, look for the Video URL form element.

![821b7bc2-video-url-form-element.png](https://acquia.widen.net/content/f1a85104-da3c-4c68-a338-4b3004bd2bdb/web/821b7bc2-video-url-form-element.png)

The Video URL form element includes the following fields:

Title field
-----------

*   Provide a name for the form element. **Important:** This will be displayed in your component form.

Field settings
--------------

*   **Placeholder -** Sets the placeholder text for the URL field.

Default
-------

*   **Default value -** Set a default Video to be used
*   **Preview -** Shows a preview of the default Video URL.

Validation
----------

*   **Required -** When toggled on, the URL field becomes a required field when using the Component
*   **Error message (optional) -** The validation error message displayed if the editor doesn't provide a value.

Tooltip
-------

*   **Tooltip text -** Enter tooltip text here.
*   **Tooltip placement -** Define the position of the tooltip on hover of the field.