Displayer(디스플레이어)
상품이나 콘텐츠를 Display(전시, 진열)하는 목적에 최적화된 플레이어입니다. 온라인 쇼핑몰 상세페이지에 숏폼을 활용하여 정적인 사진으로는 전달할 수 없었던 장점과 특징을 표현하세요. 잘 찍은 영상 하나 열 사진 부럽지 않아요!
HTML 상세페이지에 추가
코드 예시 <iframe src="https://player.charlla.io/2Cq8uAmuGR1" width="100%" height="100%" style="border:none;" allow="autoplay; fullscreen"></iframe>
동영상 제목을 클릭하여 사이드바 열어주세요. -업로드 중 설정 변경은 가능하지만 미리보기는 재생되지 않습니다.
디스플레이어에서 필요한 설정을 on/off 해주세요.
-최초 업로드한 영상일 경우 플레이어 설정은 모두 off입니다.
3번 [저장 및 업데이트] 버튼을 클릭하세요.
[라이브러리 목록] > 4번 [디스플레이어 코드] 버튼클릭 > embeded(iframe) 코드 복사가 완료되었어요.
카페 24 에디봇 편집 화면으로 이동하세요.
[카페 24] '에디봇'으로 상세페이지를 작성하는 경우
카페 24 에디봇에서도 찰나 디스플레이어 iframe 코드와 링크를 정싱적으로 사용할 수 있어요.
에디봇-[HTML 삽입]버튼을 사용하는 경우
찰나 라이브러리 화면
동영상 제목을 클릭하여 사이드바 열어주세요. -업로드 중 설정 변경은 가능하지만 미리보기는 재생되지 않습니다.
디스플레이어에서 필요한 설정을 on/off 해주세요.
-최초 업로드한 영상일 경우 플레이어 설정은 모두 off입니다.
3번 [저장 및 업데이트] 버튼을 클릭하세요.
[라이브러리 목록] > 4번 [디스플레이어 ] 버튼 클릭 > embeded(iframe) 코드 복사가 완료되었어요.
카페 24 에디봇 편집 화면으로 이동하세요.
에디봇으로 작성된 이미 등록된 상품 상세페이지를 수정하는 경우
새로 등록하는 상품의 상세페이지를 에디봇으로 작성하는 경우
카페 24에서 상품 상세 페이지를 수정하는 [에디봇 편집]버튼을 클릭하여 에디봇 편집 화면으로 이동하세요.
에디봇 편집화면
에디봇 편집 화면 좌측 바에 1번 [HTML] 버튼을 클릭하세요.
[HTML] 버튼을 클릭하면 2번 HTML입력칸과 추가된 3번 HTML 소스 영역칸이 표시됩니다.
에디봇 편집화면
HTML 입력칸에 복사된 찰나 디스플레이어 URL을 붙여넣기 해주세요.
2번처럼 디스플레이어 iframe 코드가 붙여넣기 되면 3번 [적용] 버튼을 클릭해주세요.
에디봇 편집화면
[적용]버튼을 누르면 HTML 소스 영역이 찰나 디스플레이어 영상으로 교체되어 에디봇에 표시되는 것을 확인할 수 있어요!
에디봇-[링크] 버튼을 사용하는 경우
찰나 라이브러리
1번 동영상 제목을 클릭하여 사이드바 열어주세요. -업로드 중 설정 변경은 가능하지만 미리보기는 재생되지 않습니다.
2번 플레이어 설정에서 디스플레이어에서 필요한 설정을 on/off 해주세요.
-최초 업로드한 영상일 경우 플레이어 설정은 모두 off입니다.
3번 [저장 및 업데이트] 버튼을 클릭하세요.
플레이어 설정 하단에 상세정보를 클릭하여 열고 4번 링크에 있는 동영상 링크를 복사해 주세요.
카페 24 에디봇 편집 화면으로 이동하세요.
에디봇 편집화면
에디봇 편집 화면 좌측 바에 1번 [링크] 버튼을 클릭하세요.
2번 동영상 링크 입력칸에 찰나 라이브러리에서 복사한 동영상 링크를 붙여넣기 하세요.
3번 [확인] 버튼을 클릭하세요.
에디봇 편집화면
[확인]버튼을 클릭하면 링크 입력 영역이 찰나 디스플레이어 영상으로 교체되어 에디봇에 표시되는 것을 확인할 수 있어요.
에디봇 편집화면
1번에 삽입된 찰나 동영상을 클릭하고 상단에 위치한 2번 가로길이 입력창에 숫자를 넣으면 원하는 크기로 동영상 사이즈도 변경할 수 있어요!
권장 설정
불필요한 재생 컨트롤 바를 숨기고, 사진 같은 깔끔한 동영상을 원해요 → 컨트롤 바 off
재생 버튼을 누르지 않아도 페이지를 켜자마자 동영상이 재생되길 원해요 → 자동 재생 on
동영상이 끝나도 멈추지 않길 원해요 → 반복재생 on
동영상의 크기가 상세페이지의 재생 영역에 꽉 차길 윈해요 → 동영상 채우기 on
플레이어 설정 변경 방법
[사이드바] > [디스플레이어 탭] > [플레이어 설정] > [저장 및 업데이트 버튼]을 클릭하여 플레이어 설정을 변경하세요.
Last updated