---
title: "Media elements"
date: "2017-11-12T10:04:04+00:00"
summary: "Enhance your Site Studio layouts with versatile media elements. Learn how to add images, pictures, videos, and YouTube embeds to create engaging, dynamic content for your website visitors."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/media-elements"
id: "89575d74-98a9-4a27-8212-dfb7fd863434"
---

Table of contents will be added

Use media elements to add media to your layout. For more on using the Layout builder see [Using the layout builder](/drupal-starter-kits/add-ons/site-studio/using-layout-canvas-site-building "Creating layouts with the layout builder").

Locating the media elements
---------------------------

To find the Media elements:

1.  Navigate to a component or a template with the Layout canvas
2.  Click the **+ button** on the Layout canvas
3.  Within the Elements tab, look for the Elements listed under Media elements.

![4cfeb4cb-media%20elements%205.0.png](https://acquia.widen.net/content/81032349-9747-4f23-8748-aaceae41129e/web/4cfeb4cb-media%20elements%205.0.png)

Media elements include the following:

Image
-----

Use the Image element to add an image to your layout. For more information, see [Image element](/drupal-starter-kits/add-ons/site-studio/image-element "Image element").

Picture 
--------

Use the Picture element to add a picture to your layout. For more information, see [Picture element](/drupal-starter-kits/add-ons/site-studio/picture-element "Picture element").

Video
-----

Use the Video element to add an HTML5 video to your layout. For more information, see [Video element](/drupal-starter-kits/add-ons/site-studio/video-element "Video element").

Video background
----------------

Use the Video background element to add a background video to your layout. For more information, see [Video background element](/drupal-starter-kits/add-ons/site-studio/video-background-element "Video background element").

Youtube video embed
-------------------

Embed a Youtube video from a URL. For more information, see [Youtube video embed element](/drupal-starter-kits/add-ons/site-studio/youtube-video-embed-element "Youtube video embed element").

Youtube video background
------------------------

Embed a Youtube video as the background of a container. For more information, see [Youtube video backgrounds](/drupal-starter-kits/add-ons/site-studio/youtube-video-background-element "Youtube video background element").