在你的页面中使用
<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