背景動画を追加する

サイトのコンテンツの背後で動画を自動的に再生させて⁠、魅力的な視覚効果を追加します⁠。

最終更新日 2025年2月04日

サイトの背景のスタイル設定の1つに動画があり⁠、これによりダイナミ⁠ックな視覚効果を得られます⁠。たとえば⁠、背景動画の上にテキストや画像を追加することで⁠、ペ⁠ージの立体感と躍動感を演出することができます⁠。これらの動画は無音でル⁠ープ再生されます⁠。背景動画については⁠、次のことができます⁠。

  • サイトのバ⁠ージ⁠ョンに応じて⁠、ペ⁠ージ セクシ⁠ョン⁠、バナ⁠ー⁠、その他のエリアでYouTubeおよびVimeo動画を使用できます⁠。
  • バ⁠ージ⁠ョン7⁠.1では⁠、所有する動画をセクシ⁠ョンの背景にア⁠ップロ⁠ードできます⁠。

見た目と雰囲気をカスタマイズするには⁠、定型化されたフ⁠ィルタ⁠ーやオ⁠ーバ⁠ーレイの色を適用することもできます⁠。

すべての背景スタイル設定オプシ⁠ョンについては⁠、「⁠サイトの背景のスタイル設定⁠」をご参照ください⁠。

ヒント

画像エフ⁠ェクトやユニ⁠ークな背景用ア⁠ートを使⁠ったアニメ⁠ーシ⁠ョン背景を追加することもできます⁠。詳細については⁠、「⁠セクシ⁠ョンの背景画像⁠」および「⁠セクシ⁠ョンの背景用ア⁠ート⁠」をご参照ください⁠。

動画を見る

始める前に

一般的なヒント

  • ストリ⁠ーミング動画の品質と解像度は⁠、動画のホステ⁠ィング サ⁠ービスが責任を負います⁠。ストリ⁠ーミングの品質は⁠、Squarespaceの管轄外です⁠。動画の画質が低く見える場合は⁠、デザインのヒントを参考にしてください⁠。
  • Squarespaceにア⁠ップロ⁠ードした動画は⁠、デバイス⁠、ブラウザ⁠ー⁠、インタ⁠ーネ⁠ット接続に応じて1080pまたは360pで表示されます⁠。表示する解像度を手動で選択することはできません⁠。
  • デザインのヒントに従⁠った背景動画はコンピ⁠ュ⁠ータ⁠ーには表示されますが⁠、モバイル端末の場合⁠、訪問者の接続速度やブラウザ⁠ーのバ⁠ージ⁠ョンによ⁠っては表示されない場合があります⁠。モバイル端末で背景動画を読み込めない場合は⁠、モバイル用代替画像が表示されるように設定してください⁠。
  • ペ⁠ージの背景またはバナ⁠ーのオ⁠ーバ⁠ーレイの色は⁠、動画のバ⁠ッフ⁠ァ中に表示されます⁠。動画の読み込みに数秒かかる場合は⁠、モバイル用代替画像が表示されることがあります⁠。読み込み時間はインタ⁠ーネ⁠ット接続によ⁠って異なります⁠。
  • 背景動画はYouTubeとVimeoのURLをサポ⁠ートしていますが⁠、埋め込みコ⁠ードの追加はサポ⁠ートしていません⁠。
  • 背景動画は⁠、デバイスが低電力モ⁠ードまたは省電力モ⁠ードのときは表示されません⁠。モバイル用代替画像を追加すると⁠、代替画像が表示されます⁠。代替画像を追加しない場合⁠、代わりに動画のサムネイルと⁠、応答しない再生ボタンが表示されます⁠。

YouTube

  • オ⁠ーバ⁠ーレイ広告を無効にします⁠。そうしない場合は⁠、背景動画の上にオ⁠ーバ⁠ーレイ広告が表示されます⁠。
  • 動画が読み込まれると⁠、訪問者にはYouTubeロゴ⁠、動画のタイトル⁠、時計アイコン⁠、または共有アイコンが一時的に表示されることがあります⁠。これは⁠、レイアウトとデバイスによ⁠って異なります⁠。
  • 動画の前に再生される動画広告 (⁠プレロ⁠ール広告⁠) は⁠、背景動画では再生されません⁠。

Vimeo

デザインのヒント

背景動画はサイトの視覚的な魅力を高める良い方法ですが⁠、他のサイト コンテンツの邪魔にならないようにする必要があります⁠。ここでは⁠、背景動画を美しく見せるためのベスト プラクテ⁠ィスをいくつか紹介します⁠。背景動画をア⁠ップロ⁠ードする場合は⁠、動画の要件をご覧ください⁠。

どの動画を背景に使うかを考える際は⁠、以下のヒントを参考にしてください⁠。

ヒント 備考
動画フ⁠ァイルを小さくする

埋め込み動画の場合⁠、動画の長さに制限はありません⁠。ア⁠ップロ⁠ードされた動画の場合⁠、動画の長さ制限は60秒です⁠。動画の長さと解像度は⁠、動画フ⁠ァイルのサイズに影響します⁠。

サイズの大きな動画フ⁠ァイルは読み込みに時間がかかり⁠、訪問者の接続状況によ⁠っては動画が途中で一時停止することがあります⁠。次の点に留意してください⁠。

  • 理想的なフレ⁠ーム レ⁠ートは⁠、特に動画がスロ⁠ーモ⁠ーシ⁠ョンで表示される場合⁠、毎秒約60フレ⁠ームです⁠。
  • モバイル端末で動画がぼやけて見える場合は⁠、フレ⁠ーム レ⁠ートを毎秒60フレ⁠ーム以上に上げてから⁠、動画を再ア⁠ップロ⁠ードしてみてください⁠。
  • 動画の長さは40秒以内にしてください⁠。
  • 短い動画では⁠、ル⁠ープ時に背景色が表示される頻度が高くなります⁠。
  • 1080pの解像度と少なくとも3Mbpsのビ⁠ットレ⁠ートを使用してください⁠。
  • 動画を撮影するときは⁠、シ⁠ョ⁠ットの動きやシ⁠ョ⁠ット内のオブジ⁠ェクトの動きをなるべく抑えてください⁠。背景動画は⁠、多くの場合⁠、動きが少ない方がより滑らかに見えます⁠。
横長の縦横比を使用する
  • セクシ⁠ョンの背景は⁠、コンテンツと訪問者のブラウザ⁠ーのウ⁠ィンドウ サイズに基づいて自動的にサイズが変更されます⁠。
  • トリミングを最小限に抑えるには⁠、横長の縦横比 (⁠16⁠:9など⁠) の動画を使用してください⁠。
  • 動画の被写体が中央付近にあ⁠って⁠、周囲にトリミングしても問題ない程度のスペ⁠ースがある動画を探したり録画したりするようにしてください⁠。
ペ⁠ージあたりの背景動画の数を制限する
スム⁠ーズなトランジシ⁠ョンの動画を選ぶ
  • 動画のアクセシビリテ⁠ィを維持するために⁠、1秒間に3回以上点滅するコンテンツを動画内に含めることは避けてください⁠。
  • トランジシ⁠ョンを考慮し⁠、急激なカ⁠ット チ⁠ェンジや過度のパンを避けてください⁠。画面の揺れが激しい動画は⁠、訪問者に不快感を与える場合があります⁠。
テキストとのコントラスト 色のコントラストの詳細については⁠、「⁠Squarespaceサイトのアクセシビリテ⁠ィを高める⁠」をご参照ください⁠。

ステ⁠ップ1 - 動画フ⁠ァイルまたはURLを準備する

バ⁠ージ⁠ョン7⁠.1では⁠、セクシ⁠ョンの背景に動画フ⁠ァイルをア⁠ップロ⁠ードすることで背景動画を追加できます⁠。動画をYouTubeまたはVimeoにア⁠ップロ⁠ードして⁠、その共有URLを見つけることもできます⁠。

備考

URLに動画の特定のセクシ⁠ョンのタイム スタンプが含まれないようにしてください⁠。タイム スタンプを含めると⁠、動画が読み込まれなくなります⁠。

動画をア⁠ップロ⁠ードする

動画フ⁠ァイルのア⁠ップロ⁠ードを準備するにあたり⁠、まず動画が動画ア⁠ップロ⁠ード要件を満たしていることをご確認ください⁠。ア⁠ップロ⁠ードする背景動画の長さ制限は60秒です⁠。

YouTube

  1. YouTubeアカウントを作成するか⁠、ログインします⁠。
  2. 動画をア⁠ップロ⁠ードするか⁠、すでにア⁠ップロ⁠ードした動画を見つけます⁠。
  3. 動画が[⁠限定公開⁠] または [⁠公開⁠]に設定されており⁠、埋め込みが許可されていることをご確認ください⁠。
  4. 動画の共有URLをコピ⁠ーします⁠。

Vimeo

  1. Vimeoアカウントを作成するか⁠、ログインします⁠。
  2. 動画をア⁠ップロ⁠ードするか⁠、すでにア⁠ップロ⁠ードした動画を見つけます⁠。
  3. 動画のプライバシ⁠ー設定が [⁠公開⁠] または [⁠Vimeoから非表示⁠] に設定されていることを確認します⁠。[⁠任意の場所⁠] または [⁠特定のドメイン⁠] への埋め込みを許可します⁠。特定のドメインにのみ埋め込みを許可する場合は⁠、表示されるテキスト フ⁠ィ⁠ールドに必ずWebサイトのドメインを追加してください⁠。
  4. 動画の共有URLをコピ⁠ーします⁠。

ステ⁠ップ2 - 動画を追加する

動画を追加する手順は⁠、サイトのバ⁠ージ⁠ョンと動画を追加する場所によ⁠って異なります⁠。

ヒント

URLを追加するまでは⁠、デモ プレ⁠ースホルダ⁠ーとして海を映した短い動画が表示されます⁠。

セクシ⁠⁠ョンの背景

背景動画は⁠⁠、ブログ⁠⁠、イベント⁠⁠、ギ⁠⁠ャラリ⁠⁠ー⁠⁠、ストア セクシ⁠⁠ョンを除く任意のセクシ⁠⁠ョンに追加できます⁠⁠。使用する動画が動画の要件に従⁠⁠っていることをご確認ください⁠⁠。背景動画を追加するには⁠⁠、次の手順に従⁠⁠ってください⁠⁠。

  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルを開き⁠⁠、編集するセクシ⁠⁠ョンがあるペ⁠⁠ージをクリ⁠⁠ックします⁠⁠。
  2. 左上にある [⁠⁠編集⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. セクシ⁠⁠ョンの鉛筆アイコンをクリ⁠⁠ックし⁠⁠、[⁠⁠背景⁠⁠] をクリ⁠⁠ックします⁠⁠。
  4. [⁠⁠動画⁠⁠] をクリ⁠⁠ックしてから [⁠⁠+⁠⁠] アイコンをクリ⁠⁠ックします⁠⁠。次に⁠⁠、ドロ⁠⁠ップダウン メニ⁠⁠ュ⁠⁠ーから動画ソ⁠⁠ースを選択します⁠⁠。詳細な手順については⁠⁠、下のセクシ⁠⁠ョンを参照してください⁠⁠。
  5. 下にスクロ⁠⁠ールして⁠⁠、動画の他の設定をカスタマイズします⁠⁠。
  6. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠]⁠⁠、[⁠⁠保存⁠⁠] の順にクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

動画を選択する

+アイコンをクリ⁠⁠ックして⁠⁠、以下から動画の追加方法を選択します⁠⁠。

  • デバイスから動画をア⁠⁠ップロ⁠⁠ードするには⁠⁠、[⁠⁠フ⁠⁠ァイルをア⁠⁠ップロ⁠⁠ード⁠⁠] をクリ⁠⁠ックします⁠⁠。
  • 動画を再利用するには⁠⁠、[⁠⁠ライブラリ⁠⁠ーから選択⁠⁠] をクリ⁠⁠ックします⁠⁠。背景動画は⁠⁠、無効にしたり削除したりすることもできます⁠⁠。
  • YouTubeまたはVimeoから動画URLを追加するには⁠⁠、[⁠⁠リンクから追加⁠⁠] をクリ⁠⁠ックします⁠⁠。

ペ⁠⁠ージのバナ⁠⁠ー

一部のテンプレ⁠⁠ートでは⁠⁠、Webサイトのペ⁠⁠ージのバナ⁠⁠ーに背景動画を追加できます⁠⁠。これをテキスト オ⁠⁠ーバ⁠⁠ーレイと組み合わせると⁠⁠、優れた視覚効果が得られます⁠⁠。

  1. [⁠⁠ペ⁠⁠ージパネル⁠⁠] を開きます⁠⁠。
  2. 左のパネルでペ⁠⁠ージ タイトルにカ⁠⁠ーソルを合わせ⁠⁠、“theをクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠メデ⁠⁠ィア⁠⁠] タブをクリ⁠⁠ックします⁠⁠。
  4. [⁠⁠メデ⁠⁠ィア⁠⁠] タブで⁠⁠、[⁠⁠動画⁠⁠] タブをクリ⁠⁠ックします⁠⁠。
  5. 動画のURLを [⁠⁠動画URL⁠⁠] フ⁠⁠ィ⁠⁠ールドに貼り付けます⁠⁠。

サポ⁠⁠ートされるテンプレ⁠⁠ート

以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーのペ⁠⁠ージ タイプにバナ⁠⁠ー動画を追加できます⁠⁠。

  • Adirondack - レイアウト⁠⁠、商品⁠⁠、アルバム⁠⁠、イベント⁠⁠、ブログ
  • Bedford - レイアウト⁠⁠、商品⁠⁠、アルバム⁠⁠、イベント⁠⁠、ブログ
  • Brine - レイアウト⁠⁠、アルバム⁠⁠、イベント⁠⁠、ブログ
  • Five - レイアウト⁠⁠、アルバム⁠⁠、イベント⁠⁠、ブログ
  • Montauk - レイアウト⁠⁠、イベント⁠⁠、ブログ⁠⁠、インデ⁠⁠ックス (⁠⁠モバイル用代替画像が必要です⁠⁠)
  • Pacific - レイアウト⁠⁠、商品⁠⁠、アルバム⁠⁠、イベント⁠⁠、ブログ
  • Tremont - レイアウト⁠⁠、商品⁠⁠、アルバム⁠⁠、イベント⁠⁠、ブログ
  • York - レイアウト⁠⁠、商品⁠⁠、アルバム⁠⁠、イベント⁠⁠、ブログ⁠⁠、プロジ⁠⁠ェクト⁠⁠、インデ⁠⁠ックス

インデ⁠⁠ックス内のペ⁠⁠ージの動画バナ⁠⁠ー

以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーのインデ⁠⁠ックス ペ⁠⁠ージ内のペ⁠⁠ージに⁠⁠、動画バナ⁠⁠ーを追加できます⁠⁠。

  • Bedford
  • Brine
  • Montauk
  • Pacific
  • York

動画を追加するには⁠⁠、次の手順に従⁠⁠ってください⁠⁠。

  1. サブペ⁠⁠ージの設定を開きます⁠⁠。
  2. [⁠⁠メデ⁠⁠ィア⁠⁠] をクリ⁠⁠ックし⁠⁠、[⁠⁠動画⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. 上記の手順に沿⁠⁠って動画URLを追加します⁠⁠。

カバ⁠⁠ー ペ⁠⁠ージの背景

カバ⁠⁠ー ペ⁠⁠ージに動画を追加するには⁠⁠、次の手順に従⁠⁠ってください⁠⁠。

  1. 既存のカバ⁠⁠ー ペ⁠⁠ージを開くか⁠⁠、新しい表紙を追加します⁠⁠。
  2. [⁠⁠メデ⁠⁠ィア⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠メデ⁠⁠ィア⁠⁠] パネルで⁠⁠、[⁠⁠動画⁠⁠] タブをクリ⁠⁠ックします⁠⁠。
  4. 動画の共有URLを [⁠⁠動画URL⁠⁠] フ⁠⁠ィ⁠⁠ールドに貼り付けます⁠⁠。

サポ⁠⁠ートされているレイアウト

ほとんどのカバ⁠⁠ー ペ⁠⁠ージのレイアウトでは⁠⁠、動画はカバ⁠⁠ー ペ⁠⁠ージのコンテンツの背後に広がるフルブリ⁠⁠ードの背景で再生され⁠⁠、ブラウザ⁠⁠ーの端まで広がります⁠⁠。

ただし⁠⁠、以下の例外があります⁠⁠。

  • サイド パネルに表示 - Backstory⁠⁠、Flash⁠⁠、Spotlight⁠⁠、Session⁠⁠、Vignette
  • 円形のポ⁠⁠ートレイト エリアに表示 - Focus⁠⁠、Monocle
  • 動画非対応 - Flagship⁠⁠、Harbor

ロ⁠ック画面

画像やスライドシ⁠ョ⁠ーの代わりに背景動画をロ⁠ック画面に追加できます⁠。ロ⁠ック画面はすべてのサイトでサポ⁠ートされています⁠。

ロ⁠ック画面に動画を追加するには⁠、次の手順に従⁠ってください⁠。

  1. [⁠ロ⁠ック画面⁠] パネルを開きます⁠。
  2. [⁠ロ⁠ック画面⁠] をクリ⁠ックします⁠。
  3. [⁠メデ⁠ィア⁠] をクリ⁠ックします⁠。
  4. [⁠動画⁠] タブをクリ⁠ックします⁠。
  5. 動画のURLを [⁠動画URL⁠] フ⁠ィ⁠ールドに貼り付けます⁠。

ステ⁠ップ3 - 背景の幅を選択する

背景動画は⁠、セクシ⁠ョンの端から端までフルブリ⁠ードで表示することも⁠、はめ込みで表示することもできます⁠。

  • [⁠フル ブリ⁠ード⁠] は⁠、サイトの幅い⁠っぱいに⁠、ブラウザ⁠ー ウ⁠ィンドウの一方の端からもう一方の端まで画像を広げます⁠。
  • [⁠はめ込み⁠] を選択すると⁠、画像が少しインデントされ⁠、画像の周囲に境界線が生成されます⁠。

画像が [⁠はめ込み⁠] に設定されている場合⁠、境界線の色を設定できます⁠。

ステ⁠ップ4 - フ⁠ィルタ⁠ーを追加する

フ⁠ィルタ⁠ーを使用すると⁠、動画に変化を加えて⁠、スタイリ⁠ッシ⁠ュな見た目にすることができます⁠。フ⁠ィルタ⁠ーは⁠、動画のモバイル用代替画像にも影響します⁠。フ⁠ィルタ⁠ーの効果は動画の色やイメ⁠ージに依存するので⁠、適切な効果を見つけるためにいろいろ試してみることをおすすめします⁠。

フ⁠ィルタ⁠ーを追加するには⁠、[⁠動画⁠] タブの [⁠フ⁠ィルタ⁠ー⁠] ドロ⁠ップダウン メニ⁠ュ⁠ーをクリ⁠ックします⁠。[⁠反転⁠] を除くすべてのフ⁠ィルタ⁠ーでは⁠、スライダ⁠ーを使用して効果の強弱を調整できます⁠。フ⁠ィルタ⁠ー効果はブラウザ⁠ーによ⁠ってレンダリングが異なる場合があります⁠。

[⁠不透明度⁠] フ⁠ィルタ⁠ーを使用してオ⁠ーバ⁠ーレイの色を追加できます⁠。[⁠⁠] タブをクリ⁠ックして⁠、オ⁠ーバ⁠ーレイと追加したコンテンツのカラ⁠ー テ⁠ーマを選択します⁠。詳細については⁠、「⁠色を変更する⁠」を参照してください⁠。動画を削除すると⁠、オ⁠ーバ⁠ーレイはセクシ⁠ョンの背景色になります⁠。

ステ⁠ップ5 - 再生速度を変更する

YouTubeまたはVimeoのURLリンクを使用している場合は⁠、[⁠再生速度⁠] の設定を変更して⁠、動画の速度を増減できます⁠。既定の速度は1xで⁠、これは動画が通常速度で再生されることを意味します⁠。

ステ⁠ップ6 - モバイル用代替画像を追加する

モバイル ブラウザ⁠ーは背景動画をサポ⁠ートしていますが⁠、接続速度とブラウザ⁠ーのバ⁠ージ⁠ョンによ⁠っては⁠、すべての訪問者にバナ⁠ー動画が読み込まれない場合があります⁠。バナ⁠ー動画を読み込めない場合は⁠、モバイル用代替画像が表示されるように設定できます⁠。フ⁠ィルタ⁠ーはモバイル用代替画像にも適用されます⁠。最良の結果を得るには⁠、画像をア⁠ップロ⁠ードする前にWeb表示用に書式設定を行⁠ってください⁠。

モバイル用代替画像を追加する方法は⁠、サイトのバ⁠ージ⁠ョンによ⁠って異なります⁠。モバイル用代替画像を追加するには⁠、次の手順に従⁠ってください⁠。

  1. ペ⁠⁠ージ上で [⁠⁠編集⁠⁠] をクリ⁠⁠ックし⁠⁠、動画の背景のあるセクシ⁠⁠ョンの鉛筆アイコンをクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠背景⁠⁠] をクリ⁠⁠ックし⁠⁠、[⁠⁠動画⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠モバイル用代替画像⁠⁠] で⁠⁠、[⁠⁠画像を追加⁠⁠] をクリ⁠⁠ックして画像をア⁠⁠ップロ⁠⁠ードします⁠⁠。または⁠⁠、[⁠⁠画像を検索⁠⁠] をクリ⁠⁠ックして画像を再利用するか⁠⁠、スト⁠⁠ック画像を追加します⁠⁠。
  4. [⁠⁠保存⁠⁠] をクリ⁠⁠ックして変更を保存し⁠⁠、そのまま編集を続けるか⁠⁠、[⁠⁠終了⁠⁠]⁠⁠、[⁠⁠保存⁠⁠] の順にクリ⁠⁠ックしてエデ⁠⁠ィタ⁠⁠ーを閉じます⁠⁠。

動画の読み込み中にモバイル用代替画像も表示されます⁠⁠。

モバイル用代替画像を追加しない場合は⁠⁠、代わりに背景色がモバイル端末に表示されます⁠⁠。この色はセクシ⁠⁠ョンの色によ⁠⁠って設定されます⁠⁠。

  1. [⁠⁠メデ⁠⁠ィア⁠⁠] パネルの [⁠⁠動画⁠⁠] タブで⁠⁠、[⁠⁠モバイル用代替画像⁠⁠] まで下にスクロ⁠⁠ールします⁠⁠。
  2. [⁠⁠画像をア⁠⁠ップロ⁠⁠ード⁠⁠] または [⁠⁠画像を検索⁠⁠] をクリ⁠⁠ックして⁠⁠、画像を再利用するか⁠⁠、スト⁠⁠ック画像を追加します⁠⁠。
  3. [⁠⁠保存⁠⁠] をクリ⁠⁠ックします⁠⁠。

モバイル用代替画像を追加しない場合は⁠⁠、代わりに背景色がモバイル端末に表示されます⁠⁠。この色は⁠⁠、以下のテンプレ⁠⁠ート フ⁠⁠ァミリ⁠⁠ーで選択できます⁠⁠。

  • Adirondack - コンテンツの背景色の微調整オプシ⁠⁠ョン
  • Bedford - バナ⁠⁠ーのオ⁠⁠ーバ⁠⁠ーレイの色の微調整オプシ⁠⁠ョン
  • Brine - オ⁠⁠ーバ⁠⁠ーレイの色の微調整オプシ⁠⁠ョン
  • Five - バナ⁠⁠ーのオ⁠⁠ーバ⁠⁠ーレイの色ヘ⁠⁠ッダ⁠⁠ーの背景の微調整オプシ⁠⁠ョン
  • Montauk - キ⁠⁠ャンバスの背景の微調整オプシ⁠⁠ョン
  • Pacific - オ⁠⁠ーバ⁠⁠ーレイの色の微調整オプシ⁠⁠ョン
  • Tremont - サイトの背景色の微調整オプシ⁠⁠ョン
  • York - 背景色の微調整オプシ⁠⁠ョン

カバ⁠⁠ー ペ⁠⁠ージには⁠⁠、[⁠⁠背景⁠⁠: 色⁠⁠] の微調整オプシ⁠⁠ョンを使用してください⁠⁠。

ヒント

モバイル用代替画像としてアニメ⁠ーシ⁠ョン⁠.gifを追加して⁠、動画と同様の効果を生み出すこともできます⁠。

背景動画を無効にするか削除する

既存の背景動画が不要にな⁠った場合は⁠、動画を無効にするか削除できます⁠。背景動画を無効にするには⁠、背景画像に切り替えます⁠。これにより⁠、設定した画像が背景動画に置き換わります⁠。背景動画を削除できるのはバ⁠ージ⁠ョン7⁠.1サイトのみです⁠。動画を削除すると⁠、サイト上の動画ストレ⁠ージのスペ⁠ースが増えます⁠。

背景動画を無効にするには⁠⁠、次の手順に従⁠⁠ってください⁠⁠。

  1. ペ⁠⁠ージ上で [⁠⁠編集⁠⁠] をクリ⁠⁠ックし⁠⁠、動画のあるセクシ⁠⁠ョンの鉛筆アイコンをクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠背景⁠⁠] をクリ⁠⁠ックし⁠⁠、[⁠⁠画像⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠保存⁠⁠] をクリ⁠⁠ックします⁠⁠。

どのサイトにも30分の動画ストレ⁠⁠ージがあります⁠⁠。この制限に達した場合は⁠⁠、動画を削除してストレ⁠⁠ージ容量を確保することができます⁠⁠。詳細については⁠⁠、「⁠⁠画像と動画の管理と再利用⁠⁠」をご参照ください⁠⁠。

  1. [⁠⁠ペ⁠⁠ージ⁠⁠] パネルで⁠⁠、左側のパネルのペ⁠⁠ージ タイトルにカ⁠⁠ーソルを合わせて⁠⁠、“theをクリ⁠⁠ックします⁠⁠。
  2. [⁠⁠メデ⁠⁠ィア⁠⁠] をクリ⁠⁠ックし⁠⁠、[⁠⁠画像⁠⁠] をクリ⁠⁠ックします⁠⁠。
  3. [⁠⁠保存⁠⁠] をクリ⁠⁠ックします⁠⁠。

カバ⁠⁠ー ペ⁠⁠ージを使用している場合は⁠⁠、[⁠⁠なし⁠⁠] を選択して動画を背景色に置き換えることもできます

動画を見る (⁠バ⁠ージ⁠ョン7⁠.0⁠)

この動画はSquarespaceバ⁠ージ⁠ョン7⁠.0に適用されます⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。