Displayer(디스플레이어)

상품이나 콘텐츠를 Display(전시, 진열)하는 목적에 최적화된 플레이어입니다. 온라인 쇼핑몰 상세페이지에 숏폼을 활용하여 정적인 사진으로는 전달할 수 없었던 장점과 특징을 표현하세요. 잘 찍은 영상 하나 열 사진 부럽지 않아요!

Step 1. 플레이어 설정

1. [사이드바] > [디스플레이어 탭] > [플레이어 설정]에서 토글을 On/off 하여 원하는 설정을 적용하세요.

2. 디스플레이어 설정을 수정한 후 [저장 및 업데이트] 버튼을 눌러 설정을 저장해 주세요.

권장설정

• 불필요한 재생 컨트롤 바를 숨기고, 사진 같은 깔끔한 동영상을 원해요 → 컨트롤 바 off

• 재생 버튼을 누르지 않아도 페이지를 켜자마자 동영상이 재생되길 원해요 → 자동 재생 on

• 동영상이 끝나도 멈추지 않길 원해요 → 반복재생 on

• 동영상 가로 크기를 숫자를 입력해서 조절하고 싶어요. → 동영상 채우기 off 후 크기 직접 입력

저장하면 자동 업데이트되는 설정, 아닌 설정이 있어요!

컨트롤바, 자동재생, 반복재생 ➡️ 저장 버튼을 누르면 자동 업데이트 돼요. 코드 교체가 필요 없어요.

동영상 채우기 ➡️ 저장 버튼을 누르고 코드도 교체 해야해요.

Step 2. 코드 및 링크 복사

플레이어 설정을 저장했다면, 이제 직접 사용해 봐야죠! 디스플레이어는 코드 또는 링크를 복사해서 사용할 수 있어요.

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

사이드바에서 복사하기

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

Step 3. 쇼핑몰에 사용하기

HTML 편집기에 사용

1. 코드 복사를 클릭하여 얻은 코드를 HTML 편집기에 붙여넣어 주세요. (사용하는 편집기는 쇼핑몰, 플랫폼별로 차이가 있어요.)

2. HTML 편집기 미리보기 기능으로 찰나 디스플레이어가 어떻게 표시되는지 확인해 주세요.

3. 쇼핑몰 페이지에 다른 요소를 추가하고 편집 내용을 저장하세요.

디스플레이어 가운데 정렬이 잘 안되시나요? 이 설정을 확인해보세요 -> 자세히보기

붙여넣기 한 코드가 없어졌나요? 비디오 태그로 변경해서 사용해 보세요 -> 자세히보기

[카페24] 에디봇 사용

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

이전 작성내역이 있는경우

새로 등록하는 상품의 상세페이지를 에디봇으로 작성하는 경우

1. 디스플레이어 '링크'를 복사하고, 에디봇 링크칸에 넣어주세요.

   1. 에디봇 편집 화면 좌측 바에 1번 [링크] 버튼을 클릭

   2. 2번 동영상 링크 입력칸에 찰나 라이브러리에서 복사한 동영상 링크를 붙여넣기

   3. 3번 [확인]버튼을 클릭하면 링크 입력 영역이 찰나 디스플레이어 영상으로 교체되어 에디봇에 표시되는 것을 확인할 수 있어요.

1. 에디봇 화면에서 찰나 디스플레이어 크기를 조절하세요.

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

   

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