페이지 속도를 늦추지 않고 웹사이트에 동영상을 임베드하세요

많은 기업이 함께합니다

웹사이트에 동영상을 임베드한다고 해서 Core Web Vitals가 망가져서는 안 됩니다

  • YouTube 임베드는 페이지를 느리게 합니다

    YouTube 임베드는 재생 이벤트 전에 500KB의 JavaScript를 불러와 LCP를 노란색(경고) 구간으로 끌어들일 수 있으며, 동영상 종료 시 경쟁사 콘텐츠로 가득한 'up next' 레일을 표시합니다. 이는 귀하의 사이트 설계 의도와 맞지 않습니다.

  • 자체 호스팅한 MP4는 확장성이 없습니다

    MP4를 CMS에 업로드하는 방식은 첫 트래픽 급증까지는 작동합니다. 적응형 비트레이트, CDN, HLS나 DASH 래더가 없으므로 느린 연결의 모바일 시청자는 버퍼링 후 이탈합니다.

  • 서드파티 플레이어는 광고를 포함합니다

    대부분의 무료 호스트는 프리롤, 미드롤 또는 플레이어 내 디스플레이 광고로 임베드를 수익화합니다. 결과적으로 귀하의 제품 페이지는 의도가 높은 트래픽에 타사의 광고를 제공하게 됩니다.

웹사이트에 동영상을 임베드하는 것은 콘텐츠 결정만큼이나 Core Web Vitals에 영향을 주는 결정입니다. YouTube는 LCP를 느리게 하고 경쟁사 추천을 보여주며, 자체 호스팅한 MP4는 부하 시 실패하고 대부분의 무료 호스트는 트래픽에 광고를 삽입합니다. 임베드를 위해 설계된 비디오 호스트의 반응형 iframe은 CDN에서 적응형 스트리밍을 제공해 페이지를 빠르게 유지하고 플레이어에 브랜드를 적용한 상태로 광고 없는 동영상을 제공합니다.

iframe을 복사해 모든 CMS 또는 커스텀 사이트에 붙여넣으세요

Vimeo는 업로드된 모든 동영상에 대해 반응형 iframe 임베드를 생성합니다. 이를 WordPress, Webflow, Squarespace, Shopify, HubSpot, Notion 또는 커스텀 HTML 템플릿에 붙여넣으면 플레이어가 컨테이너 너비에 맞게 조정되고, 글로벌 CDN에서 적응형 비트레이트로 스트리밍하며 모든 브라우저와 기기에서 작동합니다. 로드해야 할 JavaScript SDK나 유지해야 할 플레이어 라이브러리도 없고, 대부분의 CMS에서는 플러그인도 필요하지 않습니다.
지금 시작하기

반응형 iframe 임베드

iframe은 데스크톱, 태블릿, 모바일 전반에서 컨테이너 너비에 맞게 조정됩니다. 종횡비가 자동으로 유지되어 페이지 크기가 변해도 플레이어가 늘어나거나 잘리지 않습니다.

광고 없는 재생

프리롤 제로, 미드롤 제로, 'up next' 추천 제로. 임베드는 동영상만 표시하며 다른 것은 표시하지 않습니다. 이는 시청자가 제품 페이지나 랜딩 페이지에 있을 때 중요합니다.

글로벌 CDN의 적응형 비트레이트

Vimeo는 모든 업로드에 대해 전체 비트레이트 래더를 생성하고 글로벌 CDN에서 스트리밍합니다. 느린 연결의 모바일 시청자는 낮은 단계로, 광케이블의 데스크톱 시청자는 최상위 단계로 스트리밍됩니다.

모든 CMS 및 커스텀 사이트에서 작동

WordPress, Webflow, Squarespace, Shopify, HubSpot, Notion, Ghost, custom HTML. iframe은 표준 iframe이므로 iframe을 허용하는 모든 환경에서 Vimeo 임베드를 지원합니다.

플레이어를 커스터마이즈하고 리드 캡처를 하며 플러그인은 건너뛸 수 있습니다

플레이어는 커스터마이즈 가능합니다: 브랜드 색상, 맞춤 썸네일, 엔드 스크린, 컨트롤을 모두 사이트에 맞게 조정할 수 있습니다. 도메인 제한 임베드는 플레이어를 승인된 허용 목록에 고정하므로 임베드 코드가 유출되어도 다른 사이트에서는 재생되지 않습니다. 플레이어 내 이메일 캡처, 퀴즈, CTA는 동영상을 벗어나지 않고 실행됩니다. 99개 언어 자동 자막은 모든 유료 업로드에 제공되며 시청자가 사용하는 언어 전환기를 지원합니다.
지금 시작하기

브랜드 색상 및 썸네일 커스터마이즈 가능

플레이어 강조 색을 브랜드에 맞추고 맞춤 썸네일을 설정하세요. 임베드는 다른 플랫폼의 기본 플레이어가 아닌 사이트의 일부처럼 보입니다.

도메인 제한 임베드

플레이어를 승인된 허용 목록에 고정하세요. 임베드 코드가 유출되면 플레이어는 다른 어떤 사이트에서도 로드되지 않으므로 스크래퍼가 조회수와 함께 동영상을 재게시할 수 없습니다.

플레이어 내 리드 캡처 및 CTA

플레이어 내에 이메일 캡처 폼, 퀴즈 또는 CTA 버튼을 넣을 수 있습니다. 시청자는 제출이나 클릭을 위해 동영상을 떠나지 않아 게이티드 콘텐츠의 전환율이 올라갑니다.

99개 언어 자동 자막

유료 업로드는 모두 수정 가능한 대본과 함께 99개 언어 자동 자막을 제공합니다. 접근성, SEO, 무음 모바일 시청이 첫 업로드부터 보장됩니다.

전 세계 마케터, 기업 및 동영상 전문가들이 신뢰합니다

  • 1,000억+

    동영상 조회수(계속 증가 중)

  • 700만+

    매월 업로드되는 동영상

  • 40억+

    매월 스트리밍된 분

Vimeo로 동영상을 임베드하면 사이트 속도는 빠르게 유지되고 브랜드 일관성은 지켜지는 이유

Vimeo iframe 임베드는 글로벌 CDN에서 어댑티브 스트리밍을 제공하고, 광고 없이 재생되며, Core Web Vitals를 준수하고, 모든 페이지에서 브랜드 일관성을 유지합니다. 경쟁사 콘텐츠로 시청자를 유도하는 'up next' 레일은 없고, 트래픽에 제3자 광고가 삽입되지 않으며, 자체 호스팅한 MP4가 과부하로 무너지는 일도 없습니다. 마케팅 팀, 제품 팀, 사이트 소유자는 모든 CMS와 커스텀 사이트에서 동작하는 하나의 임베드 패턴을 얻습니다.
  • 지연 로드 옵션으로 빠른 페이지 로드

    Vimeo iframe은 지연 로딩을 지원하므로 컨테이너가 화면에 보일 때 플레이어 자산이 로드됩니다. LCP는 양호한 상태를 유지하며 동영상이 페이지 상단 영역의 로딩을 지연시키지 않습니다.
  • 모든 브레이크포인트에서 반응형

    iframe은 컨테이너 너비에 맞게 조정되고 종횡비를 자동으로 유지합니다. 모바일, 태블릿, 데스크톱 또는 모달 창에서도 플레이어가 잘 맞습니다.
  • 적응형 비트레이트 전송

    모든 업로드에 대해 전체 비트레이트 래더가 생성됩니다. 3G의 모바일, 광케이블의 데스크톱, 호텔 와이파이의 태블릿 등 모든 환경에서 별도 설정 없이 적절한 단계가 제공됩니다.
  • 항상 광고 없는 플레이어

    프리롤 없음, 미드롤 없음, 디스플레이 광고 없음. 제품 페이지나 랜딩 페이지에서 타사의 광고를 의도가 높은 트래픽에 제공하지 않습니다.
  • 브랜드 색상 및 썸네일 커스터마이즈 가능

    플레이어 강조 색을 브랜드에 맞추세요. 맞춤 썸네일, 맞춤 엔드 스크린, 워크스페이스 기본 설정으로 모든 임베드된 동영상이 동일한 팀에서 만든 것처럼 보이게 유지합니다.
  • 도메인 제한 임베드

    임베드를 승인된 도메인 목록에 고정하세요. iframe 코드가 유출되어도 다른 곳에서는 재생되지 않으므로 스크래퍼가 광고와 함께 콘텐츠를 재게시할 수 없습니다.
  • 플레이어 내 CTA, 이메일 캡처, 퀴즈

    플레이어 안에 이메일 폼, CTA 버튼 또는 이해도 퀴즈를 넣으세요. 시청자는 페이지를 떠나지 않고 동영상 내에서 전환됩니다.
  • 자동 자막 및 번역

    유료 업로드에는 99개 언어 자동 자막이 제공되며, 플레이어 내 언어 전환기를 통해 수십 개 언어로 번역할 수 있습니다. 하나의 임베드로 전 세계 관객에 도달할 수 있습니다.
  • 분석 및 참여 히트맵

    시청자가 어디에서 이탈하는지, 어떤 구간이 재시청되는지, 어떤 임베드가 전환되는지 확인하세요. 그 데이터를 바탕으로 다음 동영상을 개선하세요.

Vimeo로 웹사이트에 동영상을 임베드하는 방법

동영상 임베드는 대상마다 약 1분이 걸립니다. 업로드부터 라이브 임베드까지의 흐름은 다음과 같습니다.
  1. 1단계

    Vimeo에 로그인하여 동영상을 업로드하세요. Vimeo는 자동으로 적응형 비트레이트 래더를 가진 MP4 H.264로 트랜스코딩하므로 별도 설정 없이 스트리밍이 가능합니다.
  2. 2단계

    플레이어(브랜드 색상, 썸네일, 엔드 스크린)를 커스터마이즈하고, 자막을 추가하거나 챕터 마커를 삽입하거나 동영상에 필요할 경우 플레이어 내 CTA를 넣으세요.
  3. 3단계

    Share를 열어 iframe 임베드 코드를 복사하세요. 코드 공유 전에 선택적으로 도메인 제한을 설정해 재생을 승인된 사이트로 고정할 수 있습니다.
  4. 4단계

    iframe을 CMS 블록(WordPress, Webflow, Squarespace, Shopify) 또는 커스텀 HTML 템플릿에 붙여넣으세요. 저장하고 미리보기 하세요.
  5. 5단계

    임베드가 라이브된 후 참여 분석을 확인하세요. 업데이트가 필요하면 임베드 코드를 변경하지 않고 소스 파일을 교체할 수 있습니다.

당신에게 맞는 요금제를 찾아보세요

    Vimeo는 미국 기반의 비영리 단체 및 교육 기관에 할인을 제공합니다. 자세히 알아보기.

    기능 제공 가능성에 대한 자세한 내용은 당사의 요금제 페이지를 참조해 주세요.

    웹사이트에 동영상을 임베드하는 것에 대한 자주 묻는 질문