비메오에서 제공하는 소스코드를 활용해 비메오 영상을 추가할 수 있어요.
반응형 코드로 만들기
비메오 영상에서 우클릭해 링크 복사를 클릭해 주세요.
복사한 링크 뒤에 ?autoplay=1&mute=1를 붙여넣기 해주세요. 만들어진 링크를 아래 “링크 삽입” 문구 자리에 넣어주세요.<figure style="aspect-ratio: 16/9; width:100%; overflow:hidden;">
<iframe src="링크 삽입" style="width:100%; height: 100%;" frameBorder="0" allowFullScreen/></figure>
JavaScript
복사
비메오 영상 추가하기
① [식스샵 프로 > 디자인 편집]으로 이동해 주세요.
② [섹션 추가 > 기본 요소]에서 html 블록을 선택해 주세요.
③ HTML 코드를 입력해 주세요.
영상을 노출할 영역에 HTML 블록을 추가해 코드를 입력해 주세요.
HTML 블록 디자인 탭에서 원하는 너비로 조정할 수 있어요.
HTML 블록 안내서로 돌아가기
식스샵 프로 가이드로 돌아가기