---
title: "UIKit video component"
date: "2020-11-18T16:06:39+00:00"
summary: "Easily add videos to your Drupal layout with UIKit's Video component. Learn about layout elements, form fields, and customization options for seamless content integration."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/uikit-video-component"
id: "8ec70f9c-83cb-4347-a13d-e34f2af3c2a8"
---

The Video component is for adding videos to a layout.

**Key information about this component:**

Layout canvas elements
----------------------

*   **Container** \- This is required to ensure the video fills the available width of where it is place. It's also required to add a margin below the video optionally.
*   **Entity browser** \- The video component uses a media entity. The **Embedded** view mode is used.

Component form fields
---------------------

*   **Video media -** This uses the **Entity browser** field. It relies on the **Media library** included with Drupal core.  Both Embedded and Uploaded media are enabled. If you don't want content authors uploading and delivering video files from your website, open the field settings and toggle off the Video file toggle.
*   **Space below -** Adds a margin to the bottom of the video. This is required to separate it from content that might be placed below it.