플레이어 설정

삽입된 요소는 두 가지 런타임 방식 중 하나를 사용합니다. 설정을 바꾸기 전에 앱이 어떤 요소를 만들었는지 확인하세요.

네이티브 Webflow Lottie

앱은 준비한 JSON을 Webflow Assets에 업로드하고 네이티브 Lottie Animation 요소를 만듭니다. 크기, 클래스, 위치, 표시 여부, 네이티브 애니메이션 동작은 Webflow에서 관리하세요.

선택한 팔레트 또는 테마는 삽입된 JSON에 이미 적용되어 있습니다. Workspace 파일의 테마와 실시간으로 연결된 상태가 아닙니다.

고급 dotLottie 플레이어

앱은 선택한 컨테이너 안에 <dotlottie-wc> 요소를 삽입하고 페이지 수준의 런타임 스크립트를 추가합니다. 요소에는 다음 정보가 들어갈 수 있습니다.

• 원본 또는 포함된 애니메이션 데이터

• 자동 재생 및 반복

• 활성 애니메이션 ID

• 기본, 라이트, 다크 테마 ID

• 활성 상태 머신 ID

• 배경 및 요소 크기

Webflow 디자인 캔버스에는 정적인 썸네일이 표시될 수 있습니다. 페이지 사용자 지정 코드는 이 썸네일을 숨기고 Preview와 게시된 사이트에서 실제 플레이어를 초기화합니다.

레이아웃 및 반응형 동작

너비, 높이, 표시 방식, 위치, 반응형 레이아웃은 Webflow 스타일로 관리합니다. 사이트 소유자가 앱 밖에서 변경 내용을 직접 관리할 준비가 되어 있지 않다면 생성된 플레이어 속성이나 페이지 사용자 지정 코드를 편집하지 마세요.

관련 문서

• 애니메이션 색상 변경

• 테마 사용

• 호환성 및 제한