> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/guide/tip/shorts.md).

# 쇼츠 영상 업로드하기

쇼츠 영상 재생 방법에 대해 알아 봅니다.

유튜브에 등록 된 쇼츠 영상을 동영상 블록 또는 코드 블록을 사용하여 영상을 재생 할 수 있습니다.

## 1. 동영상 블록 사용하기

동영상 블록은 유튜브에 업로드한 동영상 주소(URL)를 입력하여 페이지에 동영상을 재생할 수 있습니다.

이때, 쇼츠 영상 주소 형식은 적용이 되지않기 때문에 일반 영상 주소 형식으로 변경하여 입력을 해주셔야 합니다.

1-1. 쇼츠 영상의 브라우저 주소를 복사합니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2F8iSGI6g1MrqICO0qR6Xb%2F1_%EC%87%BC%EC%B8%A0URL%20%EB%B3%B5%EC%82%AC.png?alt=media&amp;token=01c5fcf4-c156-4b8d-ab3d-12d0aa62f476" alt=""><figcaption></figcaption></figure>

1-2. 복사한 주소의 형을 아래 내용을 참고하여 변경을 합니다.

{% hint style="info" %}
쇼츠 링크 : [www.youtube.com/\*\*shorts\*\*/URL](http://www.youtube.com/**shorts**/URL)

일반 영상 링크: [www.youtube.com/\*\*watch?v=\*\*\&#x55;RL](http://www.youtube.com/**watch?v=**\&#x55;RL)
{% endhint %}

1-3. 위 방법으로 수정한 주소를 동영상 블록에 적용합니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FKfGrgyO5VxrGyPiJDbqF%2Fimage.png?alt=media&amp;token=ce4a1e2b-2dc9-45f4-96c6-3e1f19437950" alt=""><figcaption></figcaption></figure>

1-4. 영상의 크기에 맞춰 블록의 크기를 조정합니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FTB2wsOXg7DuyawKOFCaz%2F%EC%9D%B4%EB%AF%B8%EC%A7%80%20%ED%85%8C%EC%8A%A4%ED%8A%B83.png?alt=media&amp;token=0b84f520-6ec8-4641-82c4-dd60daa62d1c" alt=""><figcaption></figcaption></figure>

## 2. 코드 블록 사용하기

동영상 URL이 아닌 쇼츠 영상의 소스코드를 복사하여 코드 블록을 활용하여 영상을 재생 할 수 있습니다.

코드 블록에서는 자동 재생, 반복 재생 등 재생 스타일 설정이 불가능합니다. 재생 스타일 설정을 원하신다면 동영상 블록을 사용을 권장 드립니다.

2-1. 재생하려는 쇼츠 영상을 우클릭 합니다.

2-2. \[소스 코드 복사]를 클릭합니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FeNQ0ybAR5cSNJQe1dNMy%2F4_%EC%87%BC%EC%B8%A0%20%EC%86%8C%EC%8A%A4%20%EC%BD%94%EB%93%9C%20%EB%B3%B5%EC%82%AC.png?alt=media&amp;token=a66af842-2f34-4ef8-a5cd-465a7a6e1aa9" alt=""><figcaption></figcaption></figure>

2-3. 에디터 코드 블록을 추가하여 위에서 복사한 소스 코드를 붙여넣습니다.&#x20;

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FLIKb0A2VUaZnfCpRevZ4%2F%EC%9D%B4%EB%AF%B8%EC%A7%80%20%ED%85%8C%EC%8A%A4%ED%8A%B86.png?alt=media&amp;token=210df3b0-cff7-4ca7-a1a1-40a947c18965" alt=""><figcaption></figcaption></figure>

2-4. 영상의 크기에 맞춰 블록의 크기를 조절 합니다.

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FdmjLf7areyoucMIRwknR%2F6_%EC%BD%94%EB%93%9C%20%EB%B8%94%EB%A1%9D%20%ED%81%AC%EA%B8%B0%20%EC%A1%B0%EC%A0%88.png?alt=media&amp;token=3b71083e-9aa4-41f4-8877-06a0804b7119" alt=""><figcaption></figcaption></figure>
