> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Adding and setting up a video

Unique video content improves SEO conversion of your site and increases the visitors' trust in your company. It's better to place one short but informative video than lots of heavy text. 

Follow the instructions below to set a video on your site.

| ${color}[#1aa900](Tip:) If you'd like to add a video to a block's background, check out the [Adding site's background](https://help.weblium.com/en-us/article/adding-sites-background-s2l5ek/) article.

### Adding a video as an element

In most of the blocks in our gallery, you can add a video component as a separate element. 

1. For that, hover over the place in the block where you'd like to add a video and click on the "plus": 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1066_qb71lj.png)

2. Choose the **Video** element in the pop-up window: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1060-1_1plln5i.png)

3. Click on the placeholder and paste the link to your video in the relevant field:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1061_4we3ae.png)

||| ${color}[#f97700](Important:) Supported links are those from **YouTube** and **Vimeo**. If you have a video elsewhere, make sure to upload it to one of the supported platforms to generate a link.

### Converting image placeholder into a video element

If you have an image placeholder in the chosen block, you are able to convert it into a video element. 

1. For that, click on the image placeholder and press on the "gear" icon: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1067_ouvp39.png)

2. In the **Media settings** switch from the **Image** tab to the **Video** and add the link in the relevant field: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1068_hxh2wl.png)

| ${color}[#1aa900](Tip:) You can customize your video's on YouTube's or Vimeo's end.

### Setting up a video  

1. Once you add a link to the video, you will be able to change the following settings:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1069_18h45gi.png)

|| ${color}[#ffa800](Note:) If you turn the **Autoplay** option on, the video sound will be muted automatically to provide the best user experience on your site and for the site to comply with the requirements of browsers such as [Chrome](https://developer.chrome.com/blog/autoplay/#new-behaviors), [Safari](https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari#3030251), etc.

2. You can also stretch the video placeholder by dragging the handle at the bottom of it:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1065_16hhar3.png)

[Publish your site](https://help.weblium.com/en-us/article/publishing-a-site-tgxmch/) for the changes to take effect.

| ${color}[#1aa900](Tip:) A video is an element of a block, so you can move, duplicate, or delete it according to the instructions in the [Managing elements](https://help.weblium.com/en-us/article/managing-elements-1o76my7/) article.