ウェブサイトヒーロー の動画仕様と要件

ランディングページの最上部に置く、無音でループする動画。

概要

多くの製品サイトは、静止したスクリーンショットの代わりに短いループデモで始まります。無音で、小さく、素早く読み込まれる必要があります。

動画に求められること

  • 公式の仕様はありません。ブラウザはミュートの動画しか自動再生しないため、これらのプリセットには音声トラックがありません。
  • ページの読み込みを遅くしないよう短く(プリセットは上限を 20 秒にしています)。

Recordcake のプリセット

Website Hero

H.264。すべてのブラウザで再生できます。

サイズ
1280×720 (16:9)
フレームレート
30 fps
映像
MP4 · H.264 · 3 Mb/秒
音声
音声なし
制限
最長 20 秒

Website Hero (HEVC)

HEVC。より小さく、Safari 向け。

サイズ
1280×720 (16:9)
フレームレート
30 fps
映像
MP4 · HEVC · 2 Mb/秒
音声
音声なし
制限
最長 20 秒

製品デモ動画のヒント

  • 両方のバージョンを書き出し、video タグの 2 つのソースとして HEVC を先に並べてください。Safari は小さい HEVC ファイルを使い、ほかのブラウザは H.264 にフォールバックします。
  • 動画が読み込まれる前に何かが表示されるよう、ポスター画像を追加してください。

公式の仕様

これには公式の仕様がありません。プリセットは一般的な慣例に基づいています。

画面録画を、もっと簡単に。

デモの録画は一度だけ。形式のことは Recordcake に任せてください。

Mac App Store で近日公開