> For the complete documentation index, see [llms.txt](https://supportcenter.creatorlink.net/creatorlink-support-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://supportcenter.creatorlink.net/creatorlink-support-center/create-a-site/editing-blocks/video-block.md).

# Video Block

You can **insert videos** into your website with a video block. 

There are two types of video blocks. 

1\. **Basic video block** :You can play the video on the block by the Popup or Direct method.

<figure><img src="/files/Yb2QjVBaVU82pfjZRKwJ" alt=""><figcaption></figcaption></figure>

2\. **Background video block** : The video is added to the background of the block and played automatically.&#x20;

![](/files/pJl2zxNR0bhOHEIy0Tew)

**\[Video Block Settings Interface - Basic video block]**

<figure><img src="/files/qrBkqRmIabFXb1D0Dp8G" alt=""><figcaption></figcaption></figure>

1\. **Video** : You can add the videos by link.

2\. Play type : You can set the method of playing the videos.

* Popup : You can play the video on the popup window. \
  It supports Youtube(Autoplay O), Vimeo(Autoplay X)
* Direct : You can directly play the video on the block. \
  It supports Youtube, Vimeo, Soundcloud

{% hint style="info" %}
NOTICE

When you change the option form Direct to Popup, please delete a Soundcloud URL!
{% endhint %}

3\. Layout : You can set the layout of the video inserted in the block.

4\. Size : You can change the size of the video when the number of rows in the layout is 1.

5\. **Padding** : You can change paddings of this block.

{% hint style="info" %}
**NOTICE**&#x20;

**Some of the blocks do not support the padding of the left\&right.**
{% endhint %}

6\. **Background** : You can set/change the background of this block.

{% hint style="success" %}
**TIP**

You can set **Preview Image** at **Background video block settings window** > **Background**.
{% endhint %}

7\. **Block Name/Link(Anchor)** : You can set the name for the block and you can set the blocks as the block link target location.

**\[Video Block Settings Interface - Basic video block]**

<figure><img src="/files/6wLB2AjRnIVf7UaYPqu3" alt=""><figcaption></figcaption></figure>

1\. **Background Video** : You can add the videos by link.

2\. **Block Name/Link(Anchor)** : You can set the name for the block and you can set the blocks as the block link target location.