# Uploading Media Files

## Media in Drupal:

Drupal Media fields are different, you can easily add images, Gallery, video, files, and other several types.\
\
 You can add **Media** from several places in your website:  

### 1. Media node page

1. Select **Media** from the **Manage** administrative menu**.**
2. Select **Add media***.*
3. Select type of the Media that you need to add.

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/hzTKEDBmllxmI1GUCaa7/image.png" alt=""><figcaption><p>Add New Media as a Node Item</p></figcaption></figure>

### 2. Media field

You can add **Media** from the Manage administrative menu.

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/Y3YQ8nC9dXrm3kXSjRDa/image.png" alt=""><figcaption><p>Add media from the Manage Administrative Menu</p></figcaption></figure>

### 3. WYSIWYG

Any time you can add media in the WYSIWYG in Rich text editor.

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/saisA1pOVGiW2OxMpQ9i/image.png" alt=""><figcaption><p>Add Media in the WYSIWYG</p></figcaption></figure>

### 4.  Blocks

You can upload media directly from the blocks that require adding media in the layout builder:

1. Open the layout builder.
2. **Add** a block that requires media <mark style="background-color:red;">\[ex: Media (image/video)].</mark>
3. Click on **Add Media** button.
4. Click on **Select files** button.
5. Select the media from your device.
6. **Save** the media in the media library.
7. **Save** the block.

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/Igeak9z3JcQ4P73POINw/image.png" alt=""><figcaption><p>Adding Block from the Media Library</p></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/0NVNo0YmQjrLSa4Sn1ic/blobs/NyHpkIXicv4eKjYkQIP5/image.png" alt=""><figcaption><p>Add Media Window</p></figcaption></figure>

{% hint style="info" %}
**Note:** You can edit or delete any *Media* file from the Media library page.&#x20;
{% endhint %}

## In this section:

1. [Image](https://docs.varbase.vardot.com/content-designers/media-management/uploading-media-files/image)
2. [Remote video ](https://docs.varbase.vardot.com/content-designers/media-management/uploading-media-files/remote-video)
3. [Video](https://docs.varbase.vardot.com/content-designers/media-management/uploading-media-files/video)