유튜브 영상을 소스 코드를 활용하여 추가할 수 있습니다.
유튜브 영상 URL 복사하기유튜브 영상에서 우클릭하여 동영상 URL 복사해 주세요.
반응형 코드로 만들기① 복사한 URL의 하위 주소만 남기고 아래 형태로 변경해 주세요.
예시:
https://youtu.be/mIvLz3iVv3Y → https://youtube.com/embed/mIvLz3iVv3Y
자동 재생 설정 시 링크 끝에 ?autoplay=1&mute=1를 붙여주세요.
예시:
https://youtube.com/embed/mIvLz3iVv3Y?autoplay=1&mute=1
② 아래 코드 중 <iframe src="~에 유튜브 URL 삽입하기
메모장에 아래 링크를 복사해서 “1번에서 만든 링크를 넣어주세요.”안의 내용만 변경해 주세요.
예시)
<figure style="aspect-ratio: 16/9; width:100%; overflow:hidden;">
<iframe src="1번에서 만든 링크를 넣어주세요." style="width:100%; height: 100%;" title="Youtube Video Player" frameBorder="0" allowFullScreen/></figure>
HTML
복사
유튜브 영상 추가하기① [식스샵 프로 > 웹사이트 > 테마 > 디자인 편집하기]로 이동해 주세요.
② 본문 영역에 HTML 섹션을 추가해 주세요.
③ 모바일 / 데스크톱 공통 코드에 만든 코드를 입력해 주세요.
예시:
<figure style="aspect-ratio: 16/9; width:100%; overflow:hidden;">
<iframe src="https://youtube.com/embed/mIvLz3iVv3Y?autoplay=1&mute=1" style="width:100%; height: 100%;" title="Youtube Video Player" frameBorder="0" allowFullScreen/></figure>
HTML 섹션 안내서로 돌아가기
식스샵 프로 가이드로 돌아가기