Displayer(디스플레이어)
상품이나 콘텐츠를 Display(전시, 진열)하는 목적에 최적화된 플레이어입니다. 온라인 쇼핑몰 상세페이지에 숏폼을 활용하여 정적인 사진으로는 전달할 수 없었던 장점과 특징을 표현하세요. 잘 찍은 영상 하나 열 사진 부럽지 않아요!
Step 1. 플레이어 설정
[사이드바] > [디스플레이어 탭] > [플레이어 설정]에서 토글을 On/off 하여 원하는 설정을 적용하세요.
디스플레이어 설정을 수정한 후 [저장 및 업데이트] 버튼을 눌러 설정을 저장해 주세요.

저장하면 자동 업데이트되는 설정, 아닌 설정이 있어요!
컨트롤바, 자동재생, 반복재생 ➡️ 저장 버튼을 누르면 자동 업데이트 돼요. 코드 교체가 필요 없어요.
동영상 채우기 ➡️ 저장 버튼을 누르고 코드도 교체 해야해요.
Step 2. 코드 및 링크 복사
플레이어 설정을 저장했다면, 이제 직접 사용해 봐야죠! 디스플레이어는 코드 또는 링크를 복사해서 사용할 수 있어요.
라이브러리 목록에서 복사하기

사이드바에서 복사하기
동영상 목록에서 설정을 원하는 영상을 클릭해주세요. 사이드바 상단에서 플레이어별 코드와 링크를 복사할 수 있어요.

Step 3. 쇼핑몰에 사용하기
코드 복사를 클릭하여 얻은 코드를 HTML 편집기에 붙여넣어 주세요. (사용하는 편집기는 쇼핑몰, 플랫폼별로 차이가 있어요.)
HTML 편집기 미리보기 기능으로 찰나 디스플레이어가 어떻게 표시되는지 확인해 주세요.
쇼핑몰 페이지에 다른 요소를 추가하고 편집 내용을 저장하세요.

카페 24에서 상품 상세 페이지를 수정하는 [에디봇 편집]버튼을 클릭하여 에디봇 편집 화면으로 이동하세요.


디스플레이어 '링크'를 복사하고, 에디봇 링크칸에 넣어주세요.
에디봇 편집 화면 좌측 바에 1번 [링크] 버튼을 클릭
2번 동영상 링크 입력칸에 찰나 라이브러리에서 복사한 동영상 링크를 붙여넣기
3번 [확인]버튼을 클릭하면 링크 입력 영역이 찰나 디스플레이어 영상으로 교체되어 에디봇에 표시되는 것을 확인할 수 있어요.


에디봇 화면에서 찰나 디스플레이어 크기를 조절하세요.
가로 영상 크기 조절 - 아래 이미지 1번에 삽입된 찰나 동영상을 클릭하세요. - 2번 가로 길이 입력창에 숫자를 입력하여 원하는 크기로 조절하세요.

2.세로 영상 크기 조절 - 1번에 삽입된 찰나 동영상을 클릭하세요. - 좌측 상단에 위치한 가로/세로 크기 입력 영역에서 2번 비율 고정 기능을 해제 하세요. (해제 시 아이콘 색깔이 파란색에서 회색으로 변경돼요.) - 영상의 가로:세로 비율이 9:16일 경우, 영상 위아래 여백 없이 영상을 꽉 채우려면 세로값에 1777을 입력하세요.


Last updated