# 2024.10.17 채우기 설정, 코드 복사 업데이트 안내

{% hint style="info" %}
**주요 업데이트 요약**

✅ 동영상 채우기 설정이 변경되었어요.

✅ 코드와 링크를 한 곳에서 한 번에 복사할 수 있도록 코드 복사가 편리해 졌어요.
{% endhint %}

## 동영상 채우기 설정이 변경되었어요

동영상 크기를 숫자로 입력해서 조절하고 싶다면 채우기 Off 하세요.

{% hint style="info" %}
Q. 업데이트 전부터 크기 조절 기능을 사용하고 있어요.
채우기 설정을 일일이 바꾸어야 하나요?

아니요! 업데이트 전부터 크기 조절을 이용하신 분들이 불편하지 않도록 채우기 On ➡️ Off로 설정이 자동 변경됩니다. 새로 업로드한 영상을 설정할 때만 업데이트 된 내용을 기억해 주세요!
{% endhint %}

### 1. 동영상 채우기 Off <a href="#videofit" id="videofit"></a>

처음 설정은 동영상 채우기 Off로 되어있어요.

{% tabs %}
{% tab title="크기 조절" %}

* 영상의 크기를 숫자로 입력해서 조절할 수 있어요.
* 왼쪽 동영상 하단의 **\[미리보기 버튼]**&#xC73C;로 입력한 크기가 어떻게 표시되는지 확인할 수 있어요.
* 크기를 입력하지 않으면 동영상 원본 크기가 적용되어 있어요.
* 최소 200px \~ 최대 1920px까지 가로 크기를 입력할 수 있어요.

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2F9P0gf3wCAXOlFhQYk5Cs%2F04.jpg?alt=media&#x26;token=c8b26012-b3b3-4d53-9699-8cb5700a0cf0" alt=""><figcaption></figcaption></figure>

채우기 Off ➡️ 가로 크기 변경 ➡️ 저장 및 업데이트 ➡️ 상단의 **\[링크 및 코드 복사]**&#xD558;면 사용할 수 있어요.

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2Fe9D74tAlcDAcHhVCr6Mi%2F05.jpg?alt=media&#x26;token=33697bda-8f8a-41c5-9145-6a6f51231d61" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="항상 가운데 정렬" %}
**✅항상 가운데 정렬 체크**

* 찰나 플레이어가 HTML 편집 페이지 중앙으로 자동 배치돼요.
* 단, HTML 편집 페이지에서 제공하는 **텍스트 가운데 정렬이 적용되지 않아요.**

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2Fm1HNFb458NPeJR2qawOs%2F08.jpg?alt=media&#x26;token=ba60f225-047c-4cf9-a19b-b04ed9cc2b85" alt=""><figcaption></figcaption></figure>

**항상 가운데 정렬 체크해제**

* 항상 가운데 정렬 체크를 해제하면 찰나 플레이어가 왼쪽으로 배치돼요.
* 단, html 편집 페이지에서 제공하는 **텍스트 가운데 정렬** 기능을 사용할 수 있어요.

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FVNbwsjMkFMoHmRhSGlDr%2F09.jpg?alt=media&#x26;token=a81bede3-e4b1-4ec6-84b6-0371891b3ec9" alt=""><figcaption></figcaption></figure>

쇼핑몰에 사용 중인 스킨과 커머스 플랫폼 별로 작성 방식에 차이가 있을 수 있어요.\
테스트 후 각 쇼핑몰에 알맞는 설정을 저장해주세요.
{% endtab %}
{% endtabs %}

### 2. 동영상 채우기 On

특정 영역에 동영상을 채우고 싶다면 채우기 On 하세요

* 디자인 스킨을 사용하거나 웹사이트 자체 제작으로 동영상 영역이 지정된 경우, 채우기 On을 사용하세요
* 사용자가 만든 영역의 가로 크기에 영상을 딱 맞게 채우는 기능이에요.
* 만들어진 영역의 크기를 자동으로 계산해요.
* 찰나 플레이어 설정창에서는 크기를 설정할 필요가 없어요.

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FPIjdM2NOW8WSGlo8wfQh%2F06.jpg?alt=media&#x26;token=458b1cbe-d6cd-44fa-a71c-b732f0234ff6" alt=""><figcaption></figcaption></figure>

채우기 On ➡️ 저장 및 업데이트 ➡️ 상단의 **\[링크 및 코드 복사]**&#xD558;면 사용할 수 있어요.

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FzBjMNhL9ms8EvkESmMUI%2F07.jpg?alt=media&#x26;token=d1fec2cd-288e-4880-a199-b68c6c6549e9" alt="" width="375"><figcaption></figcaption></figure>

## 플레이어 코드 / 링크를 한 번에 확인하세요

찰나 플레이어를 사용하는데 필요한 코드와 링크, 한 번에 확인하고 간편하게 복사하세요.

### 1. 라이브러리 목록에서 복사하기

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FsE95KgUOmLXUghjokzlA%2F%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8B%E1%85%A5%20%E1%84%8F%E1%85%A9%E1%84%83%E1%85%B3%20%E1%84%86%E1%85%B5%E1%86%BE%20%E1%84%85%E1%85%B5%E1%86%BC%E1%84%8F%E1%85%B3%E1%84%87%E1%85%A9%E1%86%A8%E1%84%89%E1%85%A13.jpg?alt=media&#x26;token=d30ece82-72e2-454d-8141-98057a3870a1" alt=""><figcaption></figcaption></figure>

### 2. 사이드바에서 복사하기

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2F1FkyjX9RCyDQVC8gz3Af%2F%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8B%E1%85%A5%20%E1%84%8F%E1%85%A9%E1%84%83%E1%85%B3%20%E1%84%86%E1%85%B5%E1%86%BE%20%E1%84%85%E1%85%B5%E1%86%BC%E1%84%8F%E1%85%B3%E1%84%87%E1%85%A9%E1%86%A8%E1%84%89%E1%85%A14.jpg?alt=media&#x26;token=b285d809-1e36-4ef0-ac78-b4e25bc51a83" alt=""><figcaption></figcaption></figure>

### 비디오 태그에 체크하고 복사하기 \[디스플레이어]\[코드 복사]

{% hint style="info" %}

* 일부 커머스 플랫폼에서는 디스플레이어 코드(iframe)를 자체적으로 삭제하기도 해요.
* 이때 비디오 태그에 체크 후 코드 복사를 클릭하세요.
* 단, 비디오 태그를 사용하면 플레이어 설정을 변경할 때마다 비디오 태그 변경해주어야 해요.
  * 컨트롤바, 자동재생, 반복재생, 채우기 모두 해당
  * 예를들어 1번 비디오 태그 자동재생 on 사용 중 ->  자동재생 off 로 설정 변경 -> 비디오태그 체크 후 2번 비디오 태그 코드 복사 -> 기존에 쓰고 있던 1번 비디오태그를 삭제 -> 다시 복사한 2번 비디오 태그로 변경
* 자동재생 Off할 때 반드시 컨트롤바 On 해주셔야 시청자가 재생할 수 있습니다.
  * 비디오 태그는 클릭으로 재생/일시정지 조절이 안돼요.
    {% endhint %}

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FCK2I7Vckjzr1w81Rs1fp%2F1017_4.jpg?alt=media&#x26;token=e7ac05e2-ec2a-4b39-8893-b1adaed6b87b" alt="" width="375"><figcaption></figcaption></figure>

### **MP4 링크에 체크하고 복사하기 \[디스플레이어]\[링크복사]**

{% hint style="info" %}

* MP4 동영상 링크를 이용하여 찰나 라이브러리에 업로드한 동영상을 MP4 형식으로 재생할 수 있어요.
* <mark style="color:purple;">**모바일 네이티브 앱**</mark>이나 자체 개발한 자유도가 높은 서비스에서
사용할 수 있어요.
* MP4 파일 형식은 동영상 사용에 자유도가 높은 대신, 비스에 맞춤 작업을 해야하기 때문에 복잡한 코딩이 필수적으로 필요해요.&#x20;
* 찰나에서 적용한 플레이어 설정이 <mark style="color:purple;">**적용되지 않아요.**</mark>
  {% endhint %}

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FMatu6ZNAck9e9Iz7JOEK%2F%E1%84%91%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8B%E1%85%A5%20%E1%84%8F%E1%85%A9%E1%84%83%E1%85%B3%20%E1%84%86%E1%85%B5%E1%86%BE%20%E1%84%85%E1%85%B5%E1%86%BC%E1%84%8F%E1%85%B3%E1%84%87%E1%85%A9%E1%86%A8%E1%84%89%E1%85%A16.jpg?alt=media&#x26;token=c8aa87a4-0c81-4e73-a6be-bc0f7dec3175" alt="" width="375"><figcaption></figcaption></figure>

사용 목적에 알맞은 링크 및 코드 복사 버튼으로 찰나 플레이어를 더 다앙하게 사용해 보세요!