---
title: "Create a media container"
slug: "create-a-media-container"
updated: 2026-08-17T12:38:34Z
published: 2026-08-19T08:43:52Z
canonical: "docs.grassfish.com/create-a-media-container"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.grassfish.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Create a media container

To add media element to your HTML Composer spot, perform the following steps:

1. In the **Elements** pane, select ![](https://cdn.document360.io/e2b87f73-d9f5-43cb-8182-2641762664fd/Images/Documentation/create-a-media-container-image-c3vwsdb8.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A27%3A26Z&se=2026-11-06T21%3A27%3A26Z&sr=c&sp=r&sig=Yx4xgxicnk3GOOeYJoYLIAD6uyHZsDXgGo%2BgcKVajv8%3D) **Media**.
2. Use the mouse to draw a media container on the canvas.
3. To edit the container's display name, click on ![](https://cdn.document360.io/e2b87f73-d9f5-43cb-8182-2641762664fd/Images/Documentation/create-a-media-container-image-4keke42e.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A27%3A26Z&se=2026-11-06T21%3A27%3A26Z&sr=c&sp=r&sig=Yx4xgxicnk3GOOeYJoYLIAD6uyHZsDXgGo%2BgcKVajv8%3D) **Edit**.
4. In the **Edit element** window, enter a name and click **Save**.
5. [Specify the container properties](/grassfish/docs/design-composer-spots).
6. Optionally, [create and configure pages](/grassfish/docs/design-composer-spots).
7. Use the following options to design your media:

| **Add medium** | Click and select a medium. |
| --- | --- |
| **Replace medium** | Replace a medium with another one. |
| **Show details** | Display media details like ID or file size. |
| **Crop medium** | [Crop the medium](/grassfish/docs/crop-images-1). |
| **Delete** | Click the button to delete a medium. |
| **Alignment** | Align the medium in the container. |
| **Modify size** | Adjust the size of the medium in the container or crop it. |
| **Sound volume** | Specify the volume of the video by dragging the slider or entering a number from 0 to 100. This option is only available for videos. |
| **Loop video** | Select to play the video in a loop. - This sets the duration to 0.00. - This option is only available for videos. |
8. Click **Save** to save your changes.

![](https://cdn.document360.io/e2b87f73-d9f5-43cb-8182-2641762664fd/Images/Documentation/create-a-media-container-image-8lpf9g36.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A27%3A26Z&se=2026-11-06T21%3A27%3A26Z&sr=c&sp=r&sig=Yx4xgxicnk3GOOeYJoYLIAD6uyHZsDXgGo%2BgcKVajv8%3D)

## Manage media tags

Tags help you categorize and order your media.

- When you a media that has [tags](/grassfish/docs/assign-media-tags), the **Transfer tags** window opens automatically.
- Select media tags to transfer them.