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

サイトで動画を使用してブランドを表現し、より良いストーリーを伝えることで、訪問者の関心を引きつけることができます。サイト上のほとんどの場所にサードパーティー サービスの動画を埋め込むことができます。動画ページ、動画ブロック、セクションの背景では、独自の動画をアップロードできます。このガイドでは、動画を追加できる場所を説明し、サイトに動画を追加するための具体的な手順へのリンクを紹介します。Squarespaceでは次のことができます。

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

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

動画を見る

動画を追加できる場所

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

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

動画を埋め込むには、動画をサードパーティーの動画ホストにアップロードし、動画URLまたは埋め込みコードを使用してサイトに動画を追加します。動画をどのように追加するかは、動画ホストによって異なります。

• YoutubeまたはVimeoでホストされている動画の場合は、動画URLを使用します。これらのホストに対して高度な再生オプションを使用するには、埋め込みコードを使用します。
• Animoto、Wistiaでホストされている動画の場合、または動画ホストの高度な再生オプションを使用する場合は、埋め込みコードを使用します。

YouTube、Vimeo、Animoto、または Wistia のサービスに動画をアップロードする際の動画ファイルの要件については、ヘルプ ドキュメントを確認してください。

ヒント: ソーシャル アイコンを表示して、YoutubeやVimeoのプロフィール ページにリンクしましょう。

以下の点に留意してください。

• 動画ページと背景動画 (セクションの背景やページ バナーなど) は、埋め込みオプションとしてYoutubeとVimeoのみをサポートします。
• 公開動画のほかに、リンクまたは埋め込みコードによってアクセスできる非表示動画または限定公開動画がある場合は、それらをサイトに表示できます。
• Squarespaceサイトにログイン中は、Vimeo の全画面ボタンは非表示になります。動画の全画面バージョンをテストするには、ログアウトするか、プライベート ウィンドウまたはシークレット ウィンドウでサイトを開きます。
• Vimeo のプレーヤー バーは既定で背景に表示されます。Vimeo の有料プランでは、埋め込みコードを変更することでバーを削除できます。埋め込みコードについては、Vimeo にお問い合わせください。

特定の種類の動画を追加する

YoutubeとVimeoは、さまざまな独自の動画の種類と設定をサポートしているため、次を追加できます。

• 360 度動画を動画ブロックや埋め込みブロックに追加できますが、サイトの速度や表示に問題が生じる可能性があります。
• Youtubeのショート動画を追加するには、右クリックして埋め込みコードをコピーし、埋め込みブロックにコードを追加します。
• YoutubeやVimeoの動画をサイトにライブ配信できます。動画ブロックにURLを追加するか、埋め込みブロックに埋め込みコードを追加します。ライブ配信の終了後、設定によっては動画が再生されなくなる場合があります。ライブ配信の埋め込みコードについては、YouTube または Vimeo のヘルプ ドキュメントをご覧ください。
• Youtube動画をプレミア公開するように設定できます。動画は公開されるまで表示されません。動画のプレミア公開の詳細については、Youtubeのヘルプ ドキュメントをご覧ください。

他のサービスから動画を追加する

通常は、サポートされているサービスに動画をアップロードすることをおすすめします。それが不可能な場合、または別の場所でホストしておく必要がある場合でも、いくつかのオプションがあります。oEmbed 標準をサポートする動画共有サービスであれば、埋め込みURLまたはコードを使用して、次の場所に追加することができます。

• 埋め込みブロック
• ギャラリー ブロック
• ギャラリー ページ (バージョン 7.0)

これが上手くいかず、埋め込みURLまたはコードにタイプミスやその他の問題がない場合は、動画ホストが oEmbed 標準をサポートしていない可能性があります。oEmbed をサポートしているサービスにアップロードできない場合は、コードをコード ブロックに貼り付けてみてください。カスタム コードは当社のサポートの範囲外ですが、Squarespace Forum のコミュニティからアドバイスを受けたり、Squarespace Expert を雇ったりすることができます。

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

Squarespaceで動画をホストするには、デバイスからサイトに動画を直接アップロードします。このオプションを使用して、自分が所有する動画、またはサードパーティーから購入した動画を追加します。現在、すべてのサイトの動画ブロック、およびバージョン7.1のサイトのコースページ、動画ページ、およびセクションの背景に動画ファイルをアップロードできます。他のエリアで動画をアップロードするには、代わりに動画を埋め込んでください。サイトでの動画の使用については、Squarespaceのサービス利用規約をご覧ください。

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

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

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

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

ページや投稿に動画を追加する

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

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

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

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

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

背景動画を追加する

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

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

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

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

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

動画指標を確認する

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

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

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

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

トラブルシューティング

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

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

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

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

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

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

ボタンとコントロールがVimeo動画に表示されない

Vimeo は、動画ブロックが幅 300 ピクセル未満または高さ 170 ピクセル未満の場合に「Tiny Mode」を有効にします。Tiny Mode では、タイトル、コントロール バー、後で見る/共有などのボタンやその他の情報が非表示になります。これを防ぐために、訪問者は大きなディスプレイで動画ブロックを表示できます。

全画面表示ボタンが表示されない、または機能しない

サイトにログイン中、Vimeo プレーヤーとYoutubeプレーヤーには全画面オプションがありません。ブラウザーのプライベート ウィンドウまたはシークレット ウィンドウでページを開くと、全画面バージョンを表示できます。

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

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

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

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

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

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

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

動画のサイズが違う

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

Vimeo 動画が HD で再生されない

HD Vimeo動画を表示するには、動画のURLではなく、埋め込みコードを使用して動画を追加します。1080p HD 動画をVimeoにアップロードするには、Plus または PRO メンバーシップ プランが必要です。一部のページやエリアでは、HD Vimeo動画を追加できません。

Wistiaの動画が小さすぎる

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

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

Wistiaの既定の埋め込みコードを使用して、Wistia動画を動画ブロックやギャラリー ページに埋め込むことはできません ( バージョン 7.0 のみ)。代わりに、フォールバック (インライン フレーム) 埋め込みコードを使用することをおすすめします。