페이지에서 사용하기
<video autoplay muted loop playsinline poster="hero.jpg">
<source src="../hero.webm" type="video/webm">
<source src="../hero.mp4" type="video/mp4">
</video>
팁
- 반복 구간은 짧게 유지하세요. 10~20초면 충분합니다.
- 오디오 트랙 없음: 음소거된 동영상은 자동 재생이 허용되고 용량도 줄어듭니다.
- Webflow는 배경 동영상을 30 MB로 제한합니다. 고급 설정에서 Webflow 프리셋을 쓰세요.
- 어두운 오버레이와 느린 움직임은 디테일이 많고 빠른 영상보다 압축 노이즈를 더 잘 가려 줍니다.
자주 묻는 질문
파일이 왜 두 개인가요?
WebM(VP9)은 용량이 더 작고 Chrome, Edge, Firefox에서 작동합니다. Safari는 대체 파일인 MP4를 사용합니다.
동영상은 왜 음소거여야 하나요?
브라우저는 소리가 없는 동영상만 자동 재생하며, 오디오 트랙을 없애면 파일도 더 작아집니다.
최종 업데이트: 30/10/2026