# 동영상 블럭

동영상 블럭을 이용해 **웹사이트에 동영상을 추가**할 수 있습니다.

가비아 - 크리에이터링크는 두가지 형태의 동영상 블럭을 제공합니다. &#x20;

1\. **일반 동영상 블럭 :** 블럭에서 팝업보기 또는 바로보기 형식으로 영상을 플레이 할 수 있습니다.&#x20;

<figure><img src="https://3960850925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAF2NqLNWoA0YWE6pa9pB%2Fuploads%2F7p21zGuC3Aw80O1nzSJe%2Fkor%201.png?alt=media&#x26;token=8453be73-b2a0-4a35-aa41-8f4070e85fd0" alt=""><figcaption></figcaption></figure>

2\. **배경 동영상 블럭** : 블럭 배경에 영상이 삽입되어 자동으로 재생됩니다.

![](https://3960850925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAF2NqLNWoA0YWE6pa9pB%2Fuploads%2FkAMWQC80XYzIYr0LXPQ9%2F%EB%B8%94%EB%9F%AD%20%ED%8E%B8%EC%A7%91%ED%95%98%EA%B8%B0-%EB%B8%94%EB%9F%AD%20%EC%86%8C%EA%B0%9C-%EB%8F%99%EC%98%81%EC%83%81%20%EB%B8%94%EB%9F%AD-%EB%B0%B0%EA%B2%BD%20%EB%8F%99%EC%98%81%EC%83%81_k.png?alt=media\&token=7d9ca548-934a-4ba0-b5f5-7cfcb2988560)

**\[동영상 블럭 설정창 인터페이스 - 일반 동영상 블럭]**&#x20;

<figure><img src="https://3960850925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAF2NqLNWoA0YWE6pa9pB%2Fuploads%2FfcQqzVBxSBSdPVh0IcAl%2Fkor%202.png?alt=media&#x26;token=abd6ca7e-3833-4c19-a656-89cfa7c1e3d6" alt=""><figcaption></figcaption></figure>

1\. **동영상** : 링크를 통해 동영상을 블럭에 삽입할 수 있습니다.&#x20;

2\. **재생방식** : 동영상 플레이 방법을 선택할 수 있습니다.

* **팝업보기** : 동영상이 팝업창 형태로 활성화 되어 플레이 됩니다. \
  **유튜브, 비메오** URL만 추가 가능합니다.
* **바로보기** : 동영상이 블럭 내에서 바로 플레이 됩니다. \
  **유튜브, 비메오, 사운드클라우드** URL만 추가 가능합니다.

{% hint style="info" %}
재생 방식을 **\[바로 보기] -> \[팝업 보기]**&#xB85C; 변경할 때 **사운드클라우드 URL은 삭제** 해야 해요!
{% endhint %}

3\. **레이아웃** : 가로 셀 개수, 셀 간격, 셀 높이 등 동영상 블럭에 들어갈 동영상 레이아웃을 설정할 수 있습니다.

{% hint style="info" %}
사이즈 항목은 레이아웃 항목 **\[가로 셀 개수] 1개 설정 시 활성화**돼요. \
2개 이상 설정 시 사이즈 항목은 비활성화되는 점 참고해 주세요\~!
{% endhint %}

4\. **사이즈** : 동영상 크기를 결정할 수 있는 옵션입니다.

5\. **여백** : 블럭 여백을 설정할  수 있습니다.

{% hint style="info" %}
**일부 블럭은 좌,우 여백 조절 기능이 제공되지 않을 수 있습니다.**&#x20;
{% endhint %}

6\. **배경** : 블럭 배경을 색상 또는 이미지로 설정, 변경할 수 있습니다.&#x20;

{% hint style="success" %}
배경이미지 동영상 블럭의 경우 **정지 이미지**를 설정할 수 있어요\~
{% endhint %}

7\. **블럭 이름/링크 (앵커)** : 블럭에 이름을 지정하여 해당 블럭으로 링크하는 기능입니다.

**\[동영상 블럭 설정창 인터페이스 - 배경 동영상 블럭]**

<figure><img src="https://3960850925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAF2NqLNWoA0YWE6pa9pB%2Fuploads%2FLTa5pkLrM4gB0eRDm8W7%2F%EB%B0%B0%EA%B2%BD%20%EB%8F%99%EC%98%81%EC%83%81%20%EB%B8%94%EB%9F%AD%20%EC%84%A4%EC%A0%95%20%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4_k.png?alt=media&#x26;token=a8c89b59-a941-4878-b327-1943bdd7b303" alt=""><figcaption></figcaption></figure>

1\. **배경 동영상** : 링크를 통해 동영상을 블럭에 삽입할 수 있습니다.&#x20;

2\. **블럭 이름/링크 (앵커)** : 블럭에 이름을 지정하여 해당 블럭으로 링크하는 기능입니다.
