> For the complete documentation index, see [llms.txt](https://supportcenter.creatorlink.net/creatorlink/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/site-building/edit_block/video_block/add_video.md).

# 동영상 추가하기

크리에이터링크는 **일반 동영상**, **배경 동영상** 두 가지 형태의 동영상 이용이 가능합니다.

또한 일반 동영상은 팝업 보기와 바로 보기 두 가지 형태로 플레이 가능합니다.&#x20;

재생 방식에 따라 추가할 수 있는 동영상 파일의 종류가 달라질 수 있습니다.

**\[일반 동영상]**

일반 동영상 블럭은 플레이 버튼을 클릭 시 영상이 재생되는 유형입니다.&#x20;

팝업 보기 옵션을 선택하면 플레이 버튼 클릭 시 팝업이 활성화 되며 그 안에서 동영상이 재생됩니다.&#x20;

지원되는 동영상 파일 형태: 유튜브, 비메오 URL만 추가 가능

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

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

바로 보기 옵션을 선택하면 블럭 내에서 동영상이 바로 재생됩니다.&#x20;

지원되는 동영상 파일 형태: 유튜브, 비메오, 사운드클라우드 URL만 추가 가능

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

<figure><img src="/files/2IcFxj3iZ9WyQLo7Wdtv" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
재생 방식을 바로 보기에서 팝업 보기로 변경 시 사운드클라우드 URL은 삭제하셔야 해요!
{% endhint %}

\[일반 동영상 블럭에 동영상 추가하는 방법]

1\. 동영상 플랫폼에서 영상을 검색해 주세요.

![](/files/1UgHIi7bhwFTqLenUrmT)

2\. 동영상의 **URL**을 복사해 주세요.

![](/files/KEWq6R4atG6MlCI6uMU7)

3\. 크리에이터링크 **편집 모드**로 이동해 **동영상 블럭** 우측 상단의 **블럭 설정** 아이콘을 클릭해 주세요.&#x20;

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

4\. **수정** 버튼을 클릭해 주세요. &#x20;

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

5\. 추가되어 있는 기본 동영상 주소를 삭제해 주세요.

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

6\. 복사한 URL을 주소 입력란에 붙여 넣고 저장 버튼을 클릭해 주세요.

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

추가된 동영상을 확인해 보세요.

![](/files/VGo3FwECFS6ykCKyKU3I)

**\[배경 동영상]**

배경 동영상 블럭은 **PC버전에서는 영상이 계속 소리 없이 반복적으로 재생**이 되나&#x20;

**모바일에서는 정지 이미지로 대체되는 유형**입니다.&#x20;

{% hint style="success" %}
**정지 이미지란?**&#x20;

모바일에서는 배경 동영상 재생이 지원되지 않습니다.

따라서 **동영상을 이미지로 대체할 수 있도록 제공**하고 있습니다.

배경 동영상 블럭의 **우측 상단 설정 아이콘**을 클릭하면, **정지 이미지를 업로드** 할 수 있습니다.
{% endhint %}

1\. **외부 호스팅**에 업로드 한 동영상 파일 이용 방법

&#x20; 1\) 지원되는 비디오 파일 확장자 : **MP4**

&#x20; 2\) 호스팅에 업로드 한 동영상의 URL을 이용할 때는 아래의 주소처럼 **파일 확장자(mp4)가 포함**되어 있어야 합니다.&#x20;

예시) <https://creatorlink.net/resource/video/sample/**bgvideo-2.mp4**&#x20>;

<br>

2\. **Giphy(giphy.com)** 사이트 이용 방법

&#x20; 1\) [**Giphy**](https://giphy.com) 사이트에 접속해 주세요.

&#x20; 2\) 보유한 동영상 파일을 업로드해 주세요.

&#x20; 3\) Share 버튼을 클릭해 주세요.

&#x20; 4\) MP4 항목을 선택해 주세요.

&#x20; 5\) Copy GIF Link 버튼을 클릭하여 주소를 복사해 주세요.

&#x20; 6\) 크리에이터링크 **편집 모드**로 이동해 **동영상 블럭** 우측 상단의 **블럭 설정** 아이콘을 클릭해 주세요.

&#x20; 7\) 4번의 **URL**을 **주소 입력란**에 붙여 넣어 주세요.

추가된 동영상을 확인해 보세요.

3\. **Cloudinary(cloudinary.com)** 사이트 이용 방법

&#x20; 1\) [**Cloudinary**](https://cloudinary.com) 사이트에 접속해 주세요.

&#x20; 2\) 회원 가입 후 로그인해 주세요.

&#x20; 3\) Media Library 메뉴로 이동해 주세요.

&#x20; 4\) 우측 상단의 Upload 버튼 클릭해 주세요.

&#x20; 5\) 보유한 동영상 파일을 업로드해 주세요.

&#x20; 6\) 영상 파일 썸네일에서 "Copy URL" 아이콘 클릭해 주세요.

&#x20; 7\) 크리에이터링크 **편집 모드**로 이동해 **동영상 블럭** 우측 상단의 **블럭 설정** 아이콘을 클릭해 주세요.

&#x20; 8\) 4번의 **URL**을 **주소 입력란**에 붙여 넣어 주세요.

추가된 동영상을 확인해 보세요.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://supportcenter.creatorlink.net/creatorlink/site-building/edit_block/video_block/add_video.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
