動画ページ

動画を埋め込むかア⁠ップロ⁠ードして⁠、一覧表示可能な動画ライブラリ⁠ーを作成します⁠。

最終更新日 2025年1月30日

動画ペ⁠ージを使用して⁠、一覧表示可能な動画ライブラリ⁠ーをサイト上に作成します⁠。動画ペ⁠ージでは⁠、VimeoまたはYouTubeなど外部でホストされている動画を埋め込んだり⁠、独自の動画フ⁠ァイルをサイトに直接ア⁠ップロ⁠ードしたりできます⁠。

動画ペ⁠ージへのアクセス権を販売することもできます⁠。これは⁠、動画の視聴者を増やし⁠、それらの視聴者についてさらに詳しく知るための優れた方法です⁠。

この機能へのアクセス

このガイドはバ⁠ージ⁠ョン7⁠.1用です⁠。外部でホストされている動画コンテンツをバ⁠ージ⁠ョン7⁠.0サイトと同様のレイアウトで追加するには⁠、ギ⁠ャラリ⁠ー ペ⁠ージまたは各種動画ブロ⁠ックを使用します⁠。

動画を見る

動画ペ⁠ージの整理

動画ペ⁠ージは⁠、バ⁠ージ⁠ョン7⁠.1のすべてのサイトで利用可能なコレクシ⁠ョン ペ⁠ージの一種です⁠。これらは⁠、メインの動画ペ⁠ージと個⁠々の動画詳細ペ⁠ージの2つのパ⁠ートで構成されています⁠。

メインの動画ペ⁠ージは⁠、動画ライブラリ⁠ーのランデ⁠ィング ペ⁠ージで一覧表示が可能です⁠。このペ⁠ージには⁠、追加されたすべての動画がカテゴリ⁠ー別に整理されたアイキ⁠ャ⁠ッチ画像でグリ⁠ッド表示されます⁠。

A_visitor_s_view_of_the_main_videos_page.png

画像をクリ⁠ックすると⁠、その動画の詳細ペ⁠ージが開き⁠、動画を観たり詳細情報を確認したりすることができます⁠。カテゴリ⁠ー内の次の動画または前の動画に移動することもできます⁠。動画の詳細ペ⁠ージは⁠、動画ペ⁠ージの個⁠々のコレクシ⁠ョン アイテムです⁠。

A_visitor_s_view_of_a_video_details_page.png

動画ペ⁠ージを追加する

動画ペ⁠ージを追加する方法は以下の通りです⁠。

  1. [⁠ペ⁠ージ⁠] パネルを開き⁠、動画ペ⁠ージを表示する場所のナビゲ⁠ーシ⁠ョン セクシ⁠ョンの横にある [⁠+⁠] をクリ⁠ックします⁠。ゲ⁠ート付き動画ライブラリ⁠ーを作成するには⁠、ペ⁠ージを料金プランまたはメンバ⁠ー サイトに追加します⁠。
  2. [⁠コレクシ⁠ョン⁠] で⁠、[⁠動画⁠] をクリ⁠ックします⁠。
  3. レイアウトを選択します⁠。これは後で変更できます⁠。
  4. ペ⁠ージ タイトルを入力し⁠、Enterキ⁠ーを押します⁠。これは後で変更できます⁠。

動画ペ⁠ージの設定では⁠、ペ⁠ージのタイトル⁠、URL⁠、SEOを編集し⁠、個⁠々の動画のカテゴリ⁠ーを管理できます⁠。

動画ペ⁠ージの動画セクシ⁠ョンにブロ⁠ックを追加することはできませんが⁠、動画セクシ⁠ョンの上または下にブロ⁠ック セクシ⁠ョンを追加できます⁠。

ヒント

新しい動画ペ⁠ージは⁠、カテゴリ⁠ーやメタデ⁠ータなどの主要機能を紹介するデモ コンテンツのコレクシ⁠ョンから始まります⁠。このデモ コンテンツは変更または削除できます⁠。

動画を追加する

動画ペ⁠ージに動画を追加するには⁠、動画フ⁠ァイルをサイトに直接ア⁠ップロ⁠ードするか⁠、動画URLを使用して外部でホストされている動画を埋め込みます⁠。

動画を追加する方法は以下の通りです⁠。

  1. 動画ペ⁠ージをクリ⁠ックしてから⁠、サイド パネルで [⁠+⁠] をクリ⁠ックします⁠。
  2. [⁠コンテンツ⁠] タブで⁠、動画のタイトルを追加します⁠。タイトルは100文字以下にとどめてください⁠。
  3. [⁠動画を追加⁠] をクリ⁠ックして以下を実行してください⁠。
  4. タイトル⁠、カテゴリ⁠ー⁠、SEO⁠、公開ステ⁠ータスなどの動画の設定を編集します⁠。
  5. [⁠保存⁠] をクリ⁠ックします⁠。

元の縦横比に関係なく⁠、動画はメインの動画ペ⁠ージでは3⁠:2の縦横比で表示され⁠、動画の詳細ペ⁠ージでは16⁠:9の縦横比で表示されます⁠。つまり⁠、メインの動画ペ⁠ージのアイキ⁠ャ⁠ッチ画像は少しトリミングされて表示され⁠、16⁠:9の縦横比でない動画には⁠、動画の詳細ペ⁠ージの表示範囲を満たすために黒いバ⁠ーが表示されることがあります⁠。これらの縦横比は変更できません⁠。

ヒント

動画のアクセシビリテ⁠ィに関するヒントを確認して⁠、オ⁠ーデ⁠ィエンス全員が閲覧できるコンテンツを作成しまし⁠ょう⁠。

動画の制限と要件

動画の制限と要件は⁠、どの方法で動画ペ⁠ージに動画を追加するかによ⁠って異なります⁠。

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

動画を埋め込む

  • ストリ⁠ーミング動画の品質と解像度は⁠、動画のホステ⁠ィング サ⁠ービスが責任を負います⁠。ストリ⁠ーミングの品質は⁠、Squarespaceの管轄外です⁠。品質が改善しない場合は⁠、動画のホステ⁠ィング サ⁠ービスにお問い合わせください⁠。
  • YouTubeとVimeoのURLは⁠、URLを介してのみ動画ペ⁠ージに埋め込むことができます⁠。動画ペ⁠ージは埋め込みコ⁠ードをサポ⁠ートしていません⁠。
  • 動画を埋め込むと⁠、説明文が自動的にインポ⁠ートされます⁠。埋め込まれたYouTube動画の説明文には160文字の制限があり⁠、制限を超える場合は短縮して表示されます⁠。
  • YouTube動画の場合は⁠、動画が[⁠限定公開⁠] または [⁠公開⁠]に設定されており⁠、埋め込みが許可されていることをご確認ください⁠。
  • YouTubeの動画を埋め込んだ場合⁠、動画の読み込み時にYouTubeのロゴ⁠、動画のタイトル⁠、視聴アイコン⁠、共有アイコンが短時間表示されることがあります⁠。この動作はレイアウトおよび利用するデバイスによ⁠って異なります⁠。
  • 動画の前に再生される動画広告 (⁠プレロ⁠ール広告とも呼ばれます⁠) は⁠、埋め込まれたYouTube動画では再生されません⁠。
  • YouTubeのプレイリストを動画ペ⁠ージに追加することはできません⁠。
  • Vimeo動画の場合⁠、動画のプライバシ⁠ー設定が [⁠全員⁠] に設定され [⁠任意の場所⁠] への埋め込みが許可されている⁠、あるいは [⁠Vimeo⁠.comでこの動画を非表示にする⁠] に設定され [⁠選択したサイトでのみ⁠] 埋め込みが許可されていることを確認します⁠。

動画の設定を開く

以前に動画ペ⁠ージに追加した動画の設定を編集する方法は以下の通りです⁠。

  1. 動画ペ⁠ージをクリ⁠ックしてから⁠、サイド パネルで [⁠すべて⁠] をクリ⁠ックします⁠。
  2. 動画にカ⁠ーソルを合わせて [⁠⁠.⁠.⁠.⁠] をクリ⁠ックし⁠、[⁠動画を編集⁠] をクリ⁠ックします⁠。
  3. 変更を加えたら⁠、[⁠保存⁠] をクリ⁠ックします⁠。

動画の設定を編集する

動画の設定を開いたら⁠、以下のタブをクリ⁠ックして動画をカスタマイズします⁠。

コンテンツ

  • タイトル - 動画のタイトルを追加します⁠。
  • カスタム アイキ⁠ャ⁠ッチ画像 - カスタム アイキ⁠ャ⁠ッチ画像を追加して⁠、再生前に動画をオ⁠ーバ⁠ーレイします⁠。このオプシ⁠ョンは⁠、Squarespaceにア⁠ップロ⁠ードされた動画に対してのみ利用可能です⁠。なお⁠、カスタム アイキ⁠ャ⁠ッチ画像を追加するには⁠、動画のア⁠ップロ⁠ードが完了するまで待つ必要があります⁠。埋め込まれたYouTubeやVimeo動画は⁠、サ⁠ードパ⁠ーテ⁠ィ⁠ーのサ⁠ービスからアイキ⁠ャ⁠ッチ画像を取得します⁠。
  • 説明 - 動画コンテンツの詳細な説明またはトランスクリプトを追加します⁠。
  • カスタムURL - 動画のURLスラ⁠ッグを編集します⁠。
  • 関連動画 - 動画ペ⁠ージで関連動画が有効にな⁠っている場合は⁠、このドロ⁠ップダウンを使用して関連動画の表示/非表示を選択するか⁠、表示対象の動画に特定のカテゴリ⁠ーを選択します⁠。
  • 注目の動画 - このトグルをオンにすると⁠、動画が注目の動画として設定されます⁠。注目の動画は概要ブロ⁠ックでフ⁠ィルタリングできます⁠。

カテゴリ⁠ー

動画にカテゴリ⁠ーを追加して⁠、トピ⁠ックやタイプに基づいて動画を整理します⁠。動画は⁠、サイド パネルと公開サイトでカテゴリ⁠ー別にグル⁠ープ分けされます⁠。

ステ⁠ータス

サイトでの動画の公開ステ⁠ータスを設定します⁠。

  • 下書き - 後で編集して公開できるよう動画を保存します
  • 公開済み - ただちにサイトで動画を公開します
  • 予約済み - 動画を公開する日時をスケジ⁠ュ⁠ールします

動画のステ⁠ータスはいつでも変更できます⁠。たとえば⁠、最初に動画ペ⁠ージに追加するときは動画を下書きに設定し⁠、あとでサイトに公開する準備ができたら動画の設定に戻ることができます⁠。

SEO

  • SEOタイトル - 検索エンジンで役立つSEOタイトルを追加します
  • SEOデ⁠ィスクリプシ⁠ョン - 検索エンジンで役立つSEOデ⁠ィスクリプシ⁠ョンを追加します

関連動画を表示する

関連動画を有効にして⁠、動画の詳細ペ⁠ージに特別なセクシ⁠ョンを作成します⁠。このセクシ⁠ョンには⁠、動画ペ⁠ージのアイキ⁠ャ⁠ッチ画像やタイトルが最大5件表示されます⁠。また⁠、特定のカテゴリ⁠ーで絞り込むこともできます⁠。訪問者がこのセクシ⁠ョンの画像をクリ⁠ックすると⁠、その動画の詳細ペ⁠ージが表示されます⁠。

注目の動画を有効にする方法は以下の通りです⁠。

  1. 動画ペ⁠ージをクリ⁠ックし⁠、動画をクリ⁠ックして動画の詳細ペ⁠ージを開きます⁠。このステ⁠ップでは⁠、どの動画の詳細ペ⁠ージを開くかは問いません⁠。
  2. 動画の詳細ペ⁠ージで [⁠編集⁠] をクリ⁠ックし⁠、鉛筆アイコンをクリ⁠ックします⁠。
  3. [⁠関連動画⁠] ドロ⁠ップダウンをクリ⁠ックし⁠、[⁠表示⁠] に設定します⁠。これにより⁠、この動画ペ⁠ージに含まれるすべての動画に対して関連動画が有効になります⁠。
  4. [⁠保存⁠] をクリ⁠ックし⁠、変更を保存してそのまま編集を続けるか⁠、[⁠終了⁠]⁠、[⁠保存⁠] の順にクリ⁠ックしてエデ⁠ィタ⁠ーを閉じます⁠。

個⁠々の動画の関連動画の表示形式を設定する方法は以下の通りです⁠。

  1. 関連動画セクシ⁠ョンを変更したい動画詳細ペ⁠ージを開きます⁠。
  2. 動画の詳細ペ⁠ージで [⁠編集⁠] をクリ⁠ックし⁠、[⁠動画を編集⁠] をクリ⁠ックします⁠。
  3. [⁠コンテンツ⁠] タブで⁠、[⁠関連 動画⁠] のドロ⁠ップダウンをクリ⁠ックします⁠。
    • この特定の動画の関連動画を非表示にするには⁠、[⁠なし (⁠関連動画を非表示⁠)⁠] を選択します
    • [⁠すべて⁠] を選択すると⁠、この動画ペ⁠ージに含まれるすべての動画の中から複数の関連動画が表示されます⁠。
    • 特定のカテゴリ⁠ーを選択すると⁠、この動画ペ⁠ージに含まれる選択カテゴリ⁠ーの動画の中から複数の関連動画が表示されます⁠。
  4. [⁠保存⁠] をクリ⁠ックします⁠。

関連動画の順序は⁠、動画ペ⁠ージでの順序に従います⁠。

動画ペ⁠ージのスタイルを設定する

サイトのスタイル オプシ⁠ョンを使用して⁠、動画ペ⁠ージと動画の詳細ペ⁠ージのレイアウトとデザインをカスタマイズできます⁠。詳細については⁠、「⁠動画ペ⁠ージのスタイル設定⁠」をご参照ください⁠。

動画を管理する

動画ペ⁠ージをクリ⁠ックすると⁠、サイド パネルで動画を表示⁠、管理⁠、整理できます⁠。

  • カテゴリ⁠ーにこだわらずにすべての動画を表示するには⁠、[⁠すべて⁠] をクリ⁠ックします⁠。
  • 動画をクリ⁠ックしてドラ⁠ッグし⁠、パネル リストおよび動画ペ⁠ージでの配置を調整します⁠。既定では⁠、最後に保存された日付に従い⁠、新しいものから古いものの順に動画は並びます⁠。
  • 1つの動画ペ⁠ージから別の動画ペ⁠ージに動画を移動します⁠。
  • 動画アイテムを削除して動画ペ⁠ージから削除するか⁠、動画フ⁠ァイルを削除してストレ⁠ージから動画を完全に削除します⁠。

動画を削除する

動画ペ⁠ージにある各動画は⁠、動画アイテムと見なされます⁠。これには⁠、メインの動画ペ⁠ージと動画の詳細ペ⁠ージでの画像としての表示が含まれます⁠。同じ動画フ⁠ァイルまたは動画埋め込みを共有する可能性のある他のアイテムは含まれません⁠。

個⁠々の動画アイテムを削除する方法は以下の通りです⁠。

  1. 動画ペ⁠ージをクリ⁠ックし⁠、サイド パネルで [⁠すべて⁠] をクリ⁠ックします⁠。
  2. 動画にカ⁠ーソルを合わせて [⁠⁠.⁠.⁠.⁠] をクリ⁠ックし⁠、[⁠削除⁠] をクリ⁠ックします⁠。複数の動画を削除するには⁠、各動画の横にあるチ⁠ェ⁠ックボ⁠ックスをオンにして⁠、[⁠[⁠削除⁠] をクリ⁠ックします⁠。
  3. 確認ボ⁠ックスで [⁠削除⁠] をクリ⁠ックします⁠。

動画ペ⁠ージから動画アイテムを削除しても⁠、そのアイテムは変わらずアセ⁠ット ライブラリ⁠ーに表示されます⁠。削除された動画は⁠、公開サイトやサイド パネルには表示されなくなります⁠。同じ動画フ⁠ァイルまたは動画埋め込みを他の動画アイテムが共有している可能性があることに注意してください⁠。

アセ⁠ット ライブラリ⁠ーから動画フ⁠ァイルを削除するには⁠、「⁠画像や動画の管理と再利用⁠」をご参照ください⁠。

動画ペ⁠ージへのアクセス権を販売する

動画ペ⁠ージを料金プランに追加すると⁠、動画ペ⁠ージへのアクセス権を販売できます⁠。無料の料金プランを提示して訪問者にメ⁠ールアドレスの提供を義務付けることもできます⁠。

ヒント

動画ペ⁠ージは⁠、デジタル商品の販売ツ⁠ールの一部です⁠。ストア ペ⁠ージ内の[⁠ビデオ オン デマンド⁠] オプシ⁠ョンを選択すると⁠、動画ペ⁠ージと料金プランの設定を開始できます⁠。

料金プランに動画ペ⁠ージを追加したら⁠、訪問者に対しペイウ⁠ォ⁠ールを表示する場所を選択します⁠。訪問者に対しペイウ⁠ォ⁠ールが表示されると⁠、料金プランにサインア⁠ップしない限りコンテンツにアクセスすることはできません⁠。

ペイウ⁠ォ⁠ールを表示する場所を選択する方法は以下の通りです⁠。

  1. [⁠ペ⁠ージパネル⁠] を開きます⁠。
  2. 動画ペ⁠ージをクリ⁠ックし⁠、[⁠ペイウ⁠ォ⁠ール⁠] をクリ⁠ックします⁠。
  3. [⁠ペイウ⁠ォ⁠ールの設置範囲⁠] セクシ⁠ョンで⁠、次のオプシ⁠ョンのいずれかを選択します⁠。
    • 動画プレイヤ⁠ーのみ - ペイウ⁠ォ⁠ールは個⁠々の動画プレイヤ⁠ーに表示されます⁠。訪問者は概要ペ⁠ージと動画の詳細ペ⁠ージを閲覧できますが⁠、動画を再生することはできません⁠。
    • 動画の詳細ペ⁠ージ - ペイウ⁠ォ⁠ールは動画の詳細ペ⁠ージに表示されます⁠。訪問者は概要ペ⁠ージを閲覧できますが⁠、動画の詳細ペ⁠ージにはアクセスできません⁠。
    • すべてのコンテンツ - 訪問者が動画ペ⁠ージをクリ⁠ックするとペイウ⁠ォ⁠ールが表示されます⁠。訪問者は⁠、動画ペ⁠ージのコンテンツ (⁠概要ペ⁠ージを含む⁠) を閲覧できません⁠。
  4. [⁠保存⁠] をクリ⁠ックします⁠。

ヒント

ペイウ⁠ォ⁠ールをカスタマイズして動画ペ⁠ージへの訪問者を歓迎し⁠、料金プランへのサインア⁠ップを促しまし⁠ょう⁠。

動画プレビ⁠ュ⁠ーを提供する

料金プランにまだサインア⁠ップしていない訪問者に⁠、特定の動画へのアクセスを許可することができます⁠。動画プレイヤ⁠ーまたは動画の詳細ペ⁠ージにペイウ⁠ォ⁠ールが表示されるようにするには⁠、上記の手順に従⁠って設定を行⁠ってください⁠。

特定の動画をプレビ⁠ュ⁠ーとして表示する方法は以下の通りです⁠。

  1. [⁠ペ⁠ージパネル⁠] を開きます⁠。
  2. 動画ペ⁠ージをクリ⁠ックし⁠、[⁠すべての動画⁠] をクリ⁠ックします⁠。
  3. サイド パネルで動画にカ⁠ーソルを合わせて [⁠⁠.⁠.⁠.⁠] をクリ⁠ックし⁠、[⁠公開プレビ⁠ュ⁠ーとして設定⁠] をクリ⁠ックします⁠。
  4. 動画をプレビ⁠ュ⁠ーとして表示するのをやめる場合は⁠、[⁠公開プレビ⁠ュ⁠ー設定を解除⁠] をクリ⁠ックします⁠。

公開プレビ⁠ュ⁠ーに設定された動画には⁠、概要ペ⁠ージに「⁠プレビ⁠ュ⁠ー⁠」バ⁠ッジが表示されます⁠。訪問者は詳細ペ⁠ージを閲覧し⁠、動画を再生できます⁠。

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

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

  • Squarespace Expertを雇う

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