# 2023.09.26 플레이어 기능 업데이트 안내

안녕하세요. 찰나입니다.:relaxed:

디스플레이어와 관련된 기능이 새롭게 업데이트 되어 알려드려요!

## 첫째, 디스플레이어 크기를 원하는대로 조절해 보세요!

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2Fe3Y6BFl1Sd9EYjki55sf%2F0.png?alt=media&#x26;token=4225f882-328e-4928-8c17-426069e745d8" alt=""><figcaption></figcaption></figure>

플레이어 채우기만 있고 원하는 대로 크기조절이 어려워 불편하셨죠? 많은 분들이 기다리셨던 디스플레이어 크기 조절 기능이 추가되었어요. 크기를 조절하는 방법을 자세히 알려드릴게요.

* 라이브러리 화면

  <figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FIsjMxg23Nmx4NX9285C8%2F6.png?alt=media&#x26;token=2e542da7-9c8b-43e5-987f-27c02a94f379" alt=""><figcaption></figcaption></figure>

1. 라이브러리 화면에서 크기 조절을 원하는 동영상을 클릭해 주세요.
2. 우측 사이드바에서 \[디스플레이어 탭]을 클릭해 주세요.
3. 플레이어 설정을 살펴보세요.

* 사이드 바 > 디스플레이어 탭 > 플레이어 설정화면

  <figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FfuL8FU6Rz9IBuYtAFmTd%2F1.png?alt=media&#x26;token=e0a2af81-5bda-429e-ac8f-06564d8d2472" alt=""><figcaption></figcaption></figure>

1. **\[동영상 채우기 토글 버튼]**&#xC744; 클릭하여 1번처럼 on(켜짐)으로 상태를 변경해주세요.
2. 동영상 채우기가 on(켜짐)상태인 경우에만 2번 사용자 맞춤크기 입력창이 활성화 돼요.

* 사이드 바 > 디스플레이어 탭 > 플레이어 설정화면

  <figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2Fh6wt9DrCpxZ0anEQwdo0%2F2.png?alt=media&#x26;token=e3ac7ddf-8727-44ec-a42c-6fdea3c2f3d3" alt=""><figcaption></figcaption></figure>

3. 사용자 맞춤크기 입력창을 3번처럼 원하는 px로 지정해보세요. 상세페이지에 포함되는 이미지와 플레이어의 가로 크기가 같기를 원한다면, 이미지와 동일한 크기를 입력해도 돼요.
4. 4번 **\[크기 미리보기 버튼]**&#xC744; 클릭하여 변경한 크기가 얼마나 되는지 확인해 보세요!

   <figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2Fhs587b57bN0InMI1ROFd%2F3.png?alt=media&#x26;token=79f780df-620d-4ca7-ad57-da6228006c6f" alt=""><figcaption></figcaption></figure>

   가장 흔하게 사용되는 상세페이지의 사이즈인 **1200px을 기준**으로 사이트에 표시될 플레이어의 크기를 미리볼 수 있어요.\ <br>

   <figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2Fuwao4FewT2523hOWerg6%2F4.png?alt=media&#x26;token=800a3e5a-6641-48a7-ab0c-7805959dd615" alt=""><figcaption></figcaption></figure>

   \
   이때, 1번처럼 입력창에 아무것도 입력하지 않는다면 사용자 맞춤 크기가 적용되지 않는다는 점, 기억해 주세요!

   <figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FP8X8ZMds1Ni6m7nP2cDV%2F5.png?alt=media&#x26;token=966d8b41-1e2c-4657-b2d5-272b5dbb09f4" alt=""><figcaption></figcaption></figure>

   동영상 채우기 설정이 on(켜짐)상태이므로, 상세페이지에 지정된 iframe 영역의 크기만큼 동영상이 꽉 채워지게 돼요.
5. 플레이어 크기를 미리보기로 확인했다면 5번 **\[저장 및 업데이트 버튼]**&#xC744; 꼭 클릭해 주세요!

* 라이브러리 화면

  <figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FRvIcFiZJV7PU3euk8fwq%2F7.png?alt=media&#x26;token=c885d5c2-d616-450e-8c08-c417341ad894" alt=""><figcaption></figcaption></figure>

라이브러리 화면 > 링크 복사 행에서 **\[디스플레이어 URL 버튼]**&#xC744; 클릭하여 iframe을 복사하고 상세페이지 편집기에 붙여넣기 하면 변경된 크기의 플레이어를 사용할 수 있어요!

## 둘째, 이제 디스플레이어를 클릭해도 동영상이 일시정지 되지 않아요.

<figure><img src="https://1296347489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLKEFnVmIYlmffzSBEtw1%2Fuploads%2FOBeGcyFHdNwYzSl0vRtj%2F8.png?alt=media&#x26;token=548175c6-79f9-414f-b835-74692307f4b7" alt=""><figcaption></figcaption></figure>

디스플레이어를 클릭 했을 때 동영상이 멈춰서 다시 클릭해야 했다면?

이제 동영상을 클릭해도 일시정지 되지 않도록 기능이 추가되었어요.

플레이어 설정에서 자동재생과 반복재생 설정이 하나라도 on(켜짐) 상태라면 동영상이 재생되고 있을 때 플레이어를 클릭해도 재생이 멈추지 않아요. 상세페이지에 알맞는 설정을 적용하여 일시정지 막기 기능을 사용해 보세요!

찰나를 더욱 편리하게 사용하실 수 있도록 노력하고 있어요! 항상 찰나를 이용해 주셔서 감사합니다. 🤗