Webサイトの背景動画：軽量な WebM + MP4

背景動画は、軽くて無音で、どこでも自動再生される必要があります。このプリセットは同じ名前の2つのファイルを作ります。ほとんどのブラウザ用の WebM と、Safari 用の予備の MP4 です。

ファイルは端末の中だけで処理されます。何もアップロードされません。

ここに動画をドロップ

ファイル	長さ	元のサイズ	予想サイズ

予想サイズは処理後に変わることがあります。

収まらない動画は分割する撮影日時と位置情報を残す

プリセット

技術仕様（スペック）がありますか？

PDF、DOCX、TXT、スクリーンショットでもかまいません。仕様を読み取って設定し、足りない点やできない点をお知らせします。

サイズと画質サイズに合わせる（上のスライダー）固定ビットレート Mbps 画質レベルビットレートモード

映像形式コンテナフレームレートキーフレーム間隔（秒）回転エンコーダー

音声コーデックビットレートサンプリングレートチャンネルラウドネスピークの上限

カット・分割・ファイル名開始位置（分:秒）終了位置（分:秒）分割するパートの長さ（秒）ファイル名に追加

ページへの組み込み方

<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 のプリセットを選んでください。
細部の多い速い映像より、暗いオーバーレイやスローモーションのほうが圧縮のノイズが目立ちません。

よくある質問

なぜファイルが2つ必要なのですか？

WebM（VP9）のほうが小さく、Chrome、Edge、Firefox で再生できます。Safari は予備の MP4 を使います。

なぜミュートにする必要があるのですか？

ブラウザが自動再生するのは音声なしの動画だけです。また、音声トラックを取り除くとファイルも小さくなります。

最終更新: 30/10/2026

関連ページ