동영상의 임베드 코드는 여러 가지 방법으로 찾을 수 있습니다.
-
동영상 설정 페이지 : 페이지 오른쪽 상단 모서리에 있는 삽입 버튼을 클릭하면 동영상 편집 페이지에서 동영상의 삽입 코드를 찾을 수 있습니다. 고정 코드와 반응형 코드 중에서 선택하고 포함 코드를 수동으로 사용자 지정할 수 있는 모달 창이 열립니다. 임베드 코드가 클립보드에 복사됩니다.
-
동영상 공유 라이트박스 : 온사이트 플레이어 또는 공개 동영상 페이지에서 공유 아이콘(종이비행기)을 클릭하면 나타나는 라이트박스 에서 임베드 코드를 찾을 수 있습니다. 포함 코드를 사용자 지정하려면 +옵션 표시 를 선택 합니다.표시되는 새 메뉴에서 자동 재생/반복, 색상, 포함 크기 조정 등과 같은 포함 코드를 자동으로 조정할 수 있습니다(참고: 이러한 조정 중 일부는 동영상의 포함 설정 또는 텍스트 편집기 내에서). 완료되면 포함 상자에 표시된 최종 코드를 복사합니다.
-
라이브러리 : 그리드 또는 목록 보기에서 비디오 옆에 있는 공유 아이콘을 클릭하고 내장 코드 복사 를 선택합니다. (이 코드에는 고정 치수가 포함됩니다).
임베드된 플레이어의 크기 조정하기
임베드 코드는 고정된 크기가 기본값으로 설정되어 있으며 동영상을 원본대로 유지할 수 있도록 원본의 크기로 자동 입력되어 있습니다.
더 크거나 작은 플레이어를 원하시면 높이와 폭 값을 조정한 후 웹페이지에 코드를 붙여넣으세요. 원래 파일과 동일한 비율의 크기를 사용하는 것이 바람직합니다. 예를 들어, 동영상이 1920 x 1080인 경우, 640 x 360과 같이 16:9 비율의 크기를 사용하세요.
반응형(Responsive) 임베드
반응형 비디오는 특정 화면 또는 창 크기에 맞게 자동으로 조정됩니다. 반응형 포함 코드를 사용하는 경우 플레이어는 동영상의 원래 화면 비율을 유지하면서 플레이어가 배치된 컨테이너의 크기에 맞게 조정됩니다. 즉, 플레이어 iframe의 크기를 변경하려면 웹페이지에서 상위 컨테이너를 조정해야 합니다. Vimeo 내장 코드 자체 내에서 크기를 조정할 수 없습니다.
반응형 포함 코드는 동영상 페이지(예: vimeo.com/XXXXX)의 공유 메뉴에서 찾을 수 있습니다. 동영상이 비공개가 아닌 경우 간소화된 설정 페이지의 임베드 모달에 있습니다. 비디오 페이지에 있으면 비디오 플레이어 내의 공유 아이콘(종이비행기)을 클릭합니다. 표시되는 공유 창에서 라이트박스의 오른쪽 상단 모서리에 있는 +옵션 표시 를 클릭한 다음 "반응형"을 선택합니다. 삽입 섹션의 코드는 새 div 래퍼 및 스크립트 태그를 포함하도록 자동으로 조정됩니다. 이러한 요소를 사용하면 iframe이 반응할 수 있습니다.
참고 : 이 라이트박스는 현재 vimeo.com의 공개 또는 비밀번호로 보호된 동영상에만 나타납니다.
⚠️ 반응형 코드는 특정 웹 페이지 테마 및 레이아웃에서 제대로 재생되지 않을 수 있습니다. 반응형 포함 코드에 문제가 있는 경우 고정 크기 포함 코드로 다시 전환하는 것이 좋습니다.
카드가 포함된 동영상은 기본적으로 반응형 삽입 코드를 자동으로 생성합니다. 여기에서 자세히 알아보세요.
Vimeo 아이프레임 스타일링하기
웹 페이지 스타일 지정은 플레이어 iframe의 크기와 위치에 영향을 줄 수 있습니다. 이 현상은 Wordpress, Wix, Squarespace와 같이 웹 페이지 빌더에 이미 만들어진 테마 또는 플러그인을 사용할 때 자주 일어납니다. 임베딩 코드에서 크기를 올바르게 설정했으나 Vimeo 플레이어에서 다르게 나타나는 경우, 웹 페이지 빌더에서 다른 서식이 플레이어 iframe에 적용되고 있는지 확인하세요.
이해하기 어려운 점은 문의해 주시면 도와드리겠습니다. 내 웹페이지 URL과 액세스에 필요한 로그인 정보를 꼭 기재해 주세요.