> 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/adding-videos-on-my-website.md).

# Adding videos on my website

.You can add two types of video blocks to your website. 

There are two ways to play the videos using the basic video blocks. 

To upload a video, you need a video platform URL (Youtube, Vimeo, GfyCat, etc..) or a file URL uploaded on the hosting to add video on the blocks.

**\[Basic Video Block]** 

The basic video block type is the video play when you click the play button on the block. 

When you select the Popup play type, the pop-up window is activated and the video is played in it.

Support Video Platform: Youtube, Vimeo URL.

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

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

When you select the Direct play type, the video is played in the block directly.&#x20;

Support Video Platform: Youtube, Vimeo, Soundcloud.

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

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

{% hint style="info" %}
NOTICE

Please delete a soundcloud URL when you change the play type from Popup to Direct.&#x20;
{% endhint %}

\[How to insert the videos into the basic video blocks]

1\. Go to the video page on the video platform.

![](/files/b1p5Z6pM0fPNhHrQqlJM)

2\. Copy the **URL** of the video.

![](/files/LP3TnbB1SDoCjBkQvuhc)

3\. Click the **Block settings** icon on the video block at the **Site Edit** mode of the Creatorlink.

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

4\. Click the Edit button.

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

5\. Delete the added basic URL.

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

6\. Paste the copied video URL on the input box and click the SAVE button.

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

Check the added video.

![](/files/KbkCLuwW9SyzVja7Kf8k)

**\[Background Video Block]**&#x20;

The background video block is the video that **keeps playing without sound on a PC**.&#x20;

**But in mobile, it shows the preview image instead of playing the video.**

You need to **upload your own preview image** (otherwise the previously used image will be used).

{% hint style="success" %}
**What is a preview image?**

**Mobile devices do not fully support playback of background videos**,&#x20;

due to complications such as different browser support of video file types.&#x20;

Therefore, we decided to **use a preview image to replace a background video**,&#x20;

and display as a background image.&#x20;

<mark style="background-color:blue;">**Don't forget that a preview image will also display while a video is loading.**</mark>
{% endhint %}

1\. Using the **video file on the hosting**

* Supportable Video File Format: **MP4**
* Please make sure the **“.MP4” must be included** on the Video File URL when you use the video file from the hosting.&#x20;

  e.g. <https://creatorlink.net/resource/video/sample/**bgvideo-2.mp4>\*\*

2\. Using the **Gfycat([www.gfycat.com](http://www.gfycat.com))** service

&#x20; 1\) Access to the [**Gfycat**](https://supportcenter.creatorlink.net/creatorlink-support-center/create-a-site/editing-blocks/video-block/www.gfycat.com) **.**

&#x20; 2\) Click the **Upload** button.

![](/files/UuMDdgLtLbRcDD8BUdL4)

![](/files/8UsPtbrtt3kGOrqNpdpi)

&#x20;

&#x20; 3\) Upload your video.

![](/files/G9gu2jYyKkaEBYJRUOYC)

&#x20; 4\) Copy the video **URL.**

![](/files/Fog9X37GZdrcuGsP6OUQ)

&#x20; 5\) Go back to **Edit Site** mode of the Creatorlink and click the **Block Settings** icon.

![](/files/1HSKg618bG8Mczy8TzHZ)

&#x20; 6\) Paste the copied video **URL** on the input box.

![](/files/DmsBgEBjnG73cP7gGYLN)

Check the added video.

![](/files/8xJkBMA1FnRkfyCWAagw)