プロジェクトのニーズに応じて、動画をアップロード、埋め込み、またはリンクします。

動画をサイトに追加するには、動画を直接アップロードするか、URLを追加するか、埋め込みコードを貼り付けます。通常は、動画をアップロードするか動画URLを使用する方が簡単ですが、埋め込みコードはより高度な表示オプションを提供します。

URLまたは埋め込みコードを使用して動画を追加するには、まずYouTubeやVimeoなどのサポート対象ホストに動画をアップロードし、動画のURLまたは埋め込みコードをコピーします。このガイドでは、サイトに動画を追加するさまざまな方法と、それぞれの方法を使用するタイミングについて説明します。

注: 動画を追加できる場所ごとに、手順を段階的に説明していきます。動画のトラブルシューティングを行うには、「Squarespaceサイトに動画を追加する」を参照してください。

Squarespaceに動画をアップロードする

Squarespaceで動画をホストするには、デバイスからサイトに動画を直接アップロードします。このオプションを使用すると、サードパーティーの動画ホストに頼ることなく、自分のサイトに自分が所有する動画を追加できます。

現在、すべてのサイトの動画ブロック、およびバージョン7.1のサイトのコース ページ、動画ページ、およびセクションの背景に動画ファイルをアップロードできます。

動画は30分までなら無料でサイトにアップロードできます。制限に達した場合は、Digital Productsプランに登録してストレージを追加してください。

動画のアップロードの仕様については、「サイトに動画を追加する」を参照してください。

動画のURLを使用する

Squarespace以外で動画をホストしたい場合は、YouTubeまたはVimeoから動画のURLをコピーし、背景、コース ページ、動画ブロック、動画ページなどのエリアに貼り付けることで、お客様のサイトに動画を埋め込むことができます。

動画のURLを使用してサイトに動画を追加する方法については、以下のガイドを参照してください。

• 背景動画
• コース ページ
• ギャラリー ブロック
• 動画ブロック
• 動画ページ

高度な表示オプションを使用するには、埋め込みコードを使用して動画を追加します。

埋め込みコードを使用する

より高度な動画オプションを利用したい場合は、動画ホストから埋め込みコードをコピー&ペーストします。埋め込みコードは、以下の場合に最適です。

• 動画ホストが提供する高度な表示設定を使用する。
• Animoto、Wistia、その他の動画ホストからの動画を埋め込みブロックに埋め込む。

注: 動画ホストは、ブロックおよびページと連携するように、oEmbed標準を使用する必要があります。ホストがoEmbed標準を使用していない場合は、それをサポートするサービスにアップロードすることをおすすめします。それ以外の場合は、コードをコード ブロックに貼り付けます。このようなカスタム コードは、Squarespaceサポートの対象外です。

まず、動画ホストで動画をカスタマイズし、その埋め込みコードをコピーします。コードを見つける手順はホスティング サービスによって異なります。コードが見つからない場合は、ホスティング サービスにお問い合わせください。

以下は、YouTubeの埋め込みコードの例です。

埋め込みブロックに埋め込みコードを追加する

埋め込みコードを使用して埋め込みブロックに動画を追加するには、次の手順に従ってください。

1. ブロック エディターで、[コード スニペット] をクリックし、[データを埋め込む] をクリックします。
2. 埋め込みコードを [データを埋め込む] フィールドに貼り付けます。
3. [戻る] をクリックします。
4. アイキャッチ画像または説明を追加して、さらにカスタマイズします。
5. [保存] をクリックします。

ギャラリー ブロックに埋め込みコードを追加する

埋め込みコードを使用してギャラリー ブロックに動画を追加するには、次の手順に従ってください。

1. ブロック エディターで、[+] をクリックします。
2. [動画を追加] をクリックし、>アイコンをクリックします。
3. 埋め込みコードを [データを埋め込む] ポップアップ ウィンドウに貼り付けます。
4. [設定] をクリックします。
5. 「埋め込みデータが手動で設定されました」と表示される場合があります。これにより、埋め込みコードが認識されたことを確認できます。
6. アイキャッチ画像、タイトル、キャプション、または説明を追加して、さらにカスタマイズします。
7. [保存] をクリックします。

ギャラリー ページとカバー ページに埋め込みコードを追加する (バージョン7.0)

サイトのバージョンが7.0の場合は、以下のようにすることで、他の場所にコードを埋め込むこともできます。

• ギャラリー ページにコードを埋め込む。「バージョン7.0のギャラリー ページ」を参照してください。
• 埋め込みコードを使用して、一部のカバー ページ レイアウトに背景動画を追加する。