> 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/userguide/library/copy_url.md).

# 플레이어 코드 및 링크 복사

{% hint style="info" %}
🤔 <mark style="color:purple;">**링크랑 코드랑 뭐가 달라요?**</mark>

* **\</>코드**
  * 코드를 복사해서 주소창에 붙여넣었을 때 동영상이 재생되지 않으면 플레이어 ‘코드'에요. \
    HTML 코드를 사용한 페이지에서 재생할 수 있어요.
  * 웹페이지를 수정하는 모든 HTML 편집기에서 사용할 수 있어요. 쇼핑몰 메인, 상세페이지에서 플레이어가 재생돼요.
* **🔗 링크**
  * &#x20;코드를 복사해서 주소창에 붙여넣었을 때 동영상이 재생되면 플레이어 ‘링크'에요.
  * SNS, 문자, 메일 및 링크를 지원하는 모든 곳에 공유하세요.
일부 노코드 툴에서도 링크로 동영상을 삽입할 수 있어요.
  * 카페24를 이용하는 경우, 에디봇에서 ‘링크'기능으로 찰나 플레이어를 사용해 보세요.
    {% endhint %}

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

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

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

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

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

### 비디오 태그에 체크하고 복사하기 \[디스플레이어]\[코드 복사] <a href="#videotag" id="videotag"></a>

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

<figure><img src="/files/0n2IxPdE7WJrylQw7AoT" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
네이버 스마트스토어의 경우 외부 코드를 강력히 제한하고 있어 비디오코드를 사용하더라도 사용이 어려울 수있음을 안내드려요. 이점 양해해 주세요.
{% endhint %}

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

{% hint style="info" %}

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

<figure><img src="/files/2wjH7460zAZhQcg6wJ2O" alt=""><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/userguide/library/copy_url.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.