在你的網頁中使用
<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