> For the complete documentation index, see [llms.txt](https://support.charlla.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.charlla.io/charllaintro/releasenote/2024.10.17.md).

# 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="/files/gz7wPGXUSDy182HQWw3A" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/HwdTlUHrM6Ftzll4wjEB" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}

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

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

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

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

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

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

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

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

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

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

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

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

<figure><img src="/files/rGyndyxX69bCIKHl3tQ4" alt="" width="375"><figcaption></figcaption></figure>

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

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

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

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

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

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

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

{% hint style="info" %}

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

<figure><img src="/files/T5RFThtOfcbjMaD9OfCQ" 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="/files/7gr0uBYjOu2JtCNL5NTW" alt="" width="375"><figcaption></figcaption></figure>

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


---

# 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, and the optional `goal` query parameter:

```
GET https://support.charlla.io/charllaintro/releasenote/2024.10.17.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.