비디오 추가 - Framer 도움말

Last updated on 10/16/2025@mrbirddev
비디오 추가 - Framer 도움말

비디오 추가

비디오를 추가하여 웹사이트를 향상시킬 수 있습니다. 로컬 파일을 업로드하거나 YouTube 및 Vimeo와 같은 플랫폼에서 콘텐츠를 임베드할 수 있습니다.

사이트에 비디오를 추가하려면 삽입 버튼을 클릭하고 미디어 섹션으로 이동하세요. 그런 다음 비디오 컴포넌트를 캔버스로 드래그 앤 드롭하세요. 네이티브 비디오 컴포넌트, YouTube, Vimeo 중에서 선택할 수 있습니다.

비디오 썸네일로 사용할 포스터 이미지를 설정하세요. 이 이미지는 Google 및 기타 검색 엔진에서 검색 결과와 스니펫에 미리보기를 표시하는 데 사용됩니다. 포스터는 최소 60 x 30 px이어야 합니다. Framer는 비디오 로딩을 최적화하지만, 비디오 콘텐츠 자체는 최적화하지 않습니다.

삽입 메뉴의 "미디어" 패널 스크린샷으로, 다양한 이미지 및 비디오 컴포넌트를 보여줍니다.

YouTube 또는 Vimeo에서 임베드하기

YouTube 또는 Vimeo에서 비디오를 임베드하려면 해당 컴포넌트에 비디오 URL을 입력하세요. 비디오는 캔버스에 직접 임베드됩니다.

로컬 비디오나 호스팅된 MP4의 경우, 비디오 컴포넌트를 사용하세요. 다음 속성을 사용자 정의할 수 있습니다:

  • 자동 재생
  • 포스터 이미지
  • 테두리 반경
  • 반복 재생
  • 크기 조정

Framer 내의 YouTube 컴포넌트의 다양한 옵션을 보여주는 오른쪽 메뉴의 스크린샷.

자동 재생 비디오

Chrome 및 Safari와 같은 최신 브라우저는 자동 재생 비디오가 기본적으로 음소거되어야 합니다. 비디오에 오디오가 있는 경우, 사용자 상호작용(예: 버튼 클릭) 후에 재생을 트리거하는 것이 좋습니다. 비디오가 화면에 들어올 때 재생하는 방법에 대한 가이드를 확인할 수도 있습니다.

비디오 접근성

오디오 트랙이 없는 비디오의 경우, 비디오 아래에 텍스트 설명을 포함하여 내용을 요약하세요. 여기에서 예시를 확인하세요.

Framer 도움말로 돌아가기

Last updated on 10/16/2025@mrbirddev
Recent Articles
Loading...