サイトに動画を追加する

ペ⁠ージに動画をア⁠ップロ⁠ードして埋め込むことで⁠、訪問者の興味を引きまし⁠ょう⁠。

最終更新日 2025年2月06日

サイトで動画を使用してブランドを表現し⁠、より良いスト⁠ーリ⁠ーを伝えることで⁠、訪問者の関心を引きつけることができます⁠。Squarespaceでは次のことができます⁠。

  • 動画をア⁠ップロ⁠ードする - サイトで動画をホストします⁠。このオプシ⁠ョンは⁠、すべてのサイトの動画ブロ⁠ックと⁠、バ⁠ージ⁠ョン7⁠.1のサイトの動画ペ⁠ージとセクシ⁠ョンの背景に使用できます⁠。すべてのSquarespaceサイトには⁠、最大30分の動画をア⁠ップロ⁠ードできます⁠。ストレ⁠ージ容量を増やすには⁠、Digital Productsプランにご加入ください ⁠。
  • 動画を埋め込む - YouTubeやVimeoから動画を埋め込みます⁠。これらのサ⁠ービスは⁠、ストリ⁠ーミング品質⁠、ア⁠ップロ⁠ードの容易さ⁠、動画の再生制御の点で高く評価されています⁠。

このガイドでは⁠、動画を追加できる場所を説明し⁠、サイトに動画を追加するための具体的な手順へのリンクを紹介します⁠。

ヒント

iOS Squarespaceアプリマ⁠ーケテ⁠ィング キ⁠ットを使用すると⁠、サイトのデザインやブランデ⁠ィングにマ⁠ッチしたプロ品質の動画を作成できます⁠。動画は⁠、サイトに埋め込んだり⁠、ア⁠ップロ⁠ードしたりできます⁠。

動画を見る

動画を追加できる場所

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

動画は次の場所に追加できます⁠⁠。

ギ⁠⁠ャラリ⁠⁠ー セクシ⁠⁠ョンは動画をサポ⁠⁠ートしていません⁠⁠。

動画は次の場所に追加できます⁠⁠。

オプシ⁠ョン1 - 動画をア⁠ップロ⁠ードする

デバイスから直接Squarespaceホステ⁠ィングに動画をア⁠ップロ⁠ードします⁠。自分が所有しているビデオやサ⁠ードパ⁠ーテ⁠ィ⁠ーから購入した動画にこのオプシ⁠ョンを使用します⁠。

現在⁠、動画フ⁠ァイルを次の場所にア⁠ップロ⁠ードできます⁠。

他のエリアで動画を追加するには⁠、代わりに動画を埋め込んでください⁠。サイトでの動画の使用については⁠、Squarespaceのサ⁠ービス利用規約をご覧ください⁠。

この機能へのアクセス

どのサイトにも合計 30分以内の動画をア⁠ップロ⁠ードできます⁠。動画の合計実行時間が制限に達した場合は⁠、Digital Productsプランに登録してストレ⁠ージを追加するか⁠、動画を削除してストレ⁠ージ スペ⁠ースを解放してください⁠。また⁠、無制限の動画ストレ⁠ージを提供するEnterpriseプランもご用意しています⁠。

動画フ⁠ァイルをア⁠ップロ⁠ードするときは⁠、次の要件を満たしている必要があります⁠。

動画属性 仕様
フ⁠ァイル タイプ ⁠.mp4⁠、⁠.m4v⁠、movのみ
フ⁠ァイル サイズ
  • コ⁠ース ペ⁠ージ⁠: 1レ⁠ッスンにつき5⁠,000MBの制限
  • 動画ペ⁠ージ⁠: 5000MBの制限
  • セクシ⁠ョンの背景と動画ブロ⁠ック⁠: 500MBの制限
長さ
  • コ⁠ース ペ⁠ージ⁠: 1レ⁠ッスンにつき3時間の制限 (⁠保存可能⁠)
  • 動画ペ⁠ージ⁠: 3時間の制限 (⁠保存可能⁠)
  • 動画ブロ⁠ック⁠: 30分の制限
  • セクシ⁠ョンの背景⁠: 60秒の制限
最小解像度 360p
最大表示解像度 1080p
最大ア⁠ップロ⁠ード解像度 4K
縦横比 どのような縦横比の動画でも表示されますが⁠、16⁠:9でア⁠ップロ⁠ードするとSquarespaceのどの動画プレ⁠ーヤ⁠ーでも最適に表示されるため⁠、16⁠:9をおすすめします⁠。
動画ビ⁠ットレ⁠ート
  • 360p⁠: 1⁠.5Mbps
  • 1080p⁠: 3Mbps
オ⁠ーデ⁠ィオビ⁠ットレ⁠ート 128k
オ⁠ーデ⁠ィオ コ⁠ーデ⁠ック AAC-HE v1⁠、⁠.mp3
動画コ⁠ーデ⁠ック ⁠.mpeg-4⁠、AVC/H⁠.264⁠、HEVC/H⁠.265⁠、ProRes

備考

動画フ⁠ァイルをSquarespaceに直接ア⁠ップロ⁠ードすると⁠、すべてのデバイス⁠、ブラウザ⁠ー⁠、インタ⁠ーネ⁠ット接続との互換性を最大限に高めるために⁠、1080pまたは360pで表示できる⁠.mp4フ⁠ァイルに自動的に変換されます⁠。表示する解像度を手動で選択することはできません⁠。変換されたフ⁠ァイルのオ⁠ーデ⁠ィオ ビ⁠ットレ⁠ートは128k⁠、動画ビ⁠ットレ⁠ートは1⁠.5Mbps (⁠360p⁠) または3Mbps (⁠1080p⁠) です⁠。

動画フ⁠ァイルを調べる

動画が上記の要件を満たしているかどうかを判断するには⁠、動画フ⁠ァイルのメタデ⁠ータを調べる必要があります⁠。動画がすべての要件を満たしていない場合は⁠、更新することをおすすめします⁠。特に⁠、サポ⁠ートされているオ⁠ーデ⁠ィオおよび動画コ⁠ーデ⁠ックを必ず使用するようにしてください⁠。

Macで動画の情報を調べるには⁠、次の手順に従⁠ってください⁠。

  1. コンピ⁠ュ⁠ータ⁠ー上の動画フ⁠ァイルを開きます⁠。
  2. Command + Iを押します⁠。
  3. 開いたウ⁠ィンドウで⁠、 [⁠詳細情報⁠] をクリ⁠ックします⁠。

Windowsデバイスで動画の情報を調べるには⁠、次の手順に従⁠ってください⁠。

  1. 動画フ⁠ァイルを右クリ⁠ックし⁠、[⁠プロパテ⁠ィ⁠] をクリ⁠ックします⁠。
  2. [⁠プロパテ⁠ィ⁠] ウ⁠ィンドウの [⁠詳細⁠] タブをクリ⁠ックして⁠、メタデ⁠ータを表示します⁠。コ⁠ーデ⁠ックに関する情報が表示されない場合は⁠、Microsoftのドキ⁠ュメントをご参照ください⁠。

オプシ⁠ョン2 - 動画を埋め込む

動画を埋め込むには⁠、動画をサ⁠ードパ⁠ーテ⁠ィ⁠ーの動画ホストにア⁠ップロ⁠ードし⁠、動画URLまたは埋め込みコ⁠ードを使用してサイトに動画を追加します⁠。YouTubeまたはVimeoのサ⁠ービスに動画をア⁠ップロ⁠ードする際の動画フ⁠ァイルの要件については⁠、ヘルプドキ⁠ュメントをご確認ください⁠。

動画URLを使用するか⁠、動画埋め込みコ⁠ードを使用するかは⁠、動画ホストと動画の種類によ⁠って決まります⁠。一般的に⁠、YouTubeやVimeoの動画は動画のURLを使⁠って埋め込むことができます⁠。高度な再生オプシ⁠ョンやAnimotoやWistiaなどの他のサ⁠ービスからの動画には⁠、埋め込みコ⁠ードを使用します⁠。

詳細については⁠、「⁠サ⁠ードパ⁠ーテ⁠ィ⁠ー サ⁠ービスの動画をサイトに埋め込む⁠」をご参照ください⁠。

ア⁠ップロ⁠ードした動画を再利用する

ア⁠ップロ⁠ードされた動画は⁠、動画をア⁠ップロ⁠ードできるサイトの他の場所で再利用できます⁠。アセ⁠ット ライブラリ⁠ーを使用して⁠、ア⁠ップロ⁠ードされたすべての動画を表示および管理します⁠。詳細については⁠、「⁠画像と動画の管理と再利用⁠」をご参照ください⁠。

動画ライブラリ⁠ーを作成する

動画ペ⁠ージを使用して⁠、サイト上に動画コンテンツのライブラリ⁠ーを作成できます⁠。動画ペ⁠ージでは⁠、動画を直接ア⁠ップロ⁠ードしたり⁠、YoutubeやVimeoでホストされている動画を埋め込んだりできます⁠。詳細については⁠、動画ペ⁠ージをご覧ください⁠。

背景動画を追加する

背景動画を追加して⁠、サイトのデザインに魅力的な視覚要素を作りまし⁠ょう⁠。背景動画は以下のようになります⁠。

  • ペ⁠ージ コンテンツの背後に背景として表示
  • 音声が出ない
  • 連続ル⁠ープで繰り返す

詳細については⁠、「⁠背景動画の追加⁠」をご参照ください⁠。

アニメ⁠ーシ⁠ョンの⁠.gifを使う

動画の代替として⁠、アニメ⁠ーシ⁠ョン⁠.gif画像を使用できます⁠。アニメ⁠ーシ⁠ョン⁠.gifは自動的にル⁠ープ再生されます⁠。音声はありません⁠。⁠.gifは⁠、画像ブロ⁠ック⁠、バナ⁠ー⁠、ギ⁠ャラリ⁠ー ブロ⁠ックをなど⁠、画像を追加できるサイト上の任意の場所で使用できます⁠。

動画指標を確認する

現在⁠、Squarespace Analyticsには⁠、ア⁠ップロ⁠ードされた動画や埋め込み動画の動画指標は含まれていません⁠。

動画を埋め込む場合は⁠、動画指標について動画ホストにお問い合わせください⁠。Squarespaceではなく⁠、動画サ⁠ービスが動画再生のカウント方法とタイミングを制御します⁠。動画をホストしている場所によ⁠っては⁠、埋め込み動画の再生が再生回数に加算される場合があります⁠。

  • YouTube - 再生回数については⁠、Youtubeアナリテ⁠ィクスをご覧ください⁠。Youtubeアナリテ⁠ィクスでは⁠、視聴者が動画をどこで見つけたかを確認できます⁠。詳しくは⁠、Youtubeのアナリテ⁠ィクス シリ⁠ーズをご覧ください⁠。再生回数に関する具体的な質問については⁠、Youtubeのヘルプ コミ⁠ュニテ⁠ィをご覧ください⁠。
  • Vimeo - 再生回数を確認するには⁠、Vimeoで動画にアクセスし⁠、分析パネルを開きます⁠。詳細については⁠、 Vimeoのドキ⁠ュメントをご覧ください⁠。

他のサ⁠ービスのヘルプについては⁠、そのドキ⁠ュメントをご参照ください⁠。

トラブルシ⁠ュ⁠ーテ⁠ィング

動画の読み込みに時間がかかりすぎる

動画の読み込みに時間がかかる場合は⁠、バ⁠ッフ⁠ァリングに余分な時間が必要になる可能性があります⁠。長い動画やHD動画の多くは読み込みに時間がかかり⁠、特にインタ⁠ーネ⁠ット接続の速度に左右されます⁠。

動画上で [⁠再生⁠] をクリ⁠ックすると⁠、バ⁠ッフ⁠ァリング プロセスが開始されます⁠。動画を一時停止し⁠、コンテンツが背景で読み込まれるのを待つと⁠、バ⁠ッフ⁠ァを構築して⁠、問題なく動画を再生できるようになります⁠。

動画のサイズが違う

動画のサイズが異なる場合は⁠、縦横比が原因である可能性があります⁠。詳細については⁠、「⁠縦横比について⁠」をご参照ください⁠。

動画のタイトルが動画ブロ⁠ックに表示されない

動画ブロ⁠ックにカスタム アイキ⁠ャ⁠ッチ画像がある場合⁠、動画タイトルは非表示になります⁠。動画のタイトルを左上隅に表示するには⁠、カスタムのアイキ⁠ャ⁠ッチ画像を削除します⁠。

ア⁠ップロ⁠ードした動画が期待どおりに表示されない

ア⁠ップロ⁠ードした動画の表示に問題がある場合は⁠、動画編集ソフトウ⁠ェアに戻⁠って⁠、フ⁠ァイルが当社の要件を満たしていることを確認して⁠、動画のエクスポ⁠ートを再試行してください⁠。設定を変更する必要はありません⁠。

動画のエクスポ⁠ートは⁠、サポ⁠ートの範囲外です⁠。

関連するYoutube動画が私の後に再生される

Youtubeでは⁠、動画の再生が終了すると⁠、関連動画が自動的に表示されます⁠。これはYoutubeの機能であり⁠、Squarespaceによ⁠って制御し⁠、無効にすることはできません⁠。

関連動画が表示されないようにするには⁠、動画を直接ア⁠ップロ⁠ードするか⁠、サポ⁠ートされている別のサ⁠ービスで動画をホストしてみてください⁠。一部のサ⁠ービスでは⁠、関連動画を無効にするために有料アカウントが必要です⁠。

限定公開のVimeo動画にエラ⁠ーが表示される

Vimeo 動画のプライバシ⁠ー設定が限定公開に設定されていて⁠、Squarespaceサイトに動画を埋め込むとエラ⁠ーが表示される場合は⁠、 動画の埋め込みコ⁠ードを更新する必要があります⁠。

Wistiaの埋め込みコ⁠ードが機能しない

Wistiaの既定値の埋め込みコ⁠ードは⁠、特定の領域で機能しない可能性があります⁠。代わりに⁠、フ⁠ォ⁠ールバ⁠ック (⁠インライン フレ⁠ーム⁠) 埋め込みコ⁠ードを使用することをおすすめします⁠。

Wistiaの動画が小さすぎる

プロジ⁠ェクト ペ⁠ージ (⁠ バ⁠ージ⁠ョン7⁠.0のみ⁠) では⁠、Wistiaの動画が小さいフレ⁠ームで表示されます⁠。この問題を回避するには⁠、別の動画ホステ⁠ィング プラ⁠ットフ⁠ォ⁠ームを使用してください⁠。

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

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

  • Squarespace Expertを雇う

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