CMS:シングル動画プレーヤーにコレクションコンテンツを表示する
読了時間:6分
シングル動画プレーヤーに CMS(コンテンツ管理システム)コレクションの動画コンテンツを表示します。コレクション内の「動画」フィールドに直接動画をアップロードするか、URL フィールドタイプを使用して YouTube、Vimeo、Facebook などのプラットフォームでホストされている動画を埋め込むことができます。
これにより、動的な動画コンテンツを効率的に紹介・管理することができます。たとえば、動的アイテムページにシングル動画プレーヤーを接続して、各アイテムのページに異なる動画を表示することができます。
注意:
- サイトにアップロードされた動画のサイズ制限についてはこちら
- 動画ソースに接続するフィールドが空白の場合は、プレーヤーにアップロードされたデフォルトの動画が代わりに再生されます。フィールドにデフォルト値を設定して、代わりに再生するデフォルトの動画を指定できます。
シングル動画プレーヤーを CMS に接続する方法:
Wix エディタ
Wix Studio エディタ
- エディタにアクセスします。
- シングル動画プレーヤーを追加します:
- エディタ左側で「パーツを追加」
をクリックします。
- 「動画・音楽」をクリックします。
- 「シングル動画プレーヤー」をクリックし、「動画アップロード」プレーヤーをページにドラッグします。
- エディタ左側で「パーツを追加」
![Wix エディタでシングル動画プレーヤーを追加しているスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/28/f53bea30-ac22-447f-a003-b663c238870b/21b73404-123f-402d-b228-2a852ed31eb7.jpg)
- 追加したシングル動画プレーヤーを選択し、「CMS に接続」アイコン
をクリックします。
- 「データセットを選択」ドロップダウンをクリックし、コレクションに接続する既存のデータセットを選択します。または、「新しいデータセットを作成」をクリックし、接続するコレクションを選択し、データセットに名前を付けて「作成」をクリックすることもできます。
- 「接続」下でドロップダウンをクリックし、動画プレーヤーを該当するコレクションのフィールドに接続します:
- 動画タイトルの接続先:動画タイトルとして使用する「テキスト」、「住所」、または「タグ」フィールドを選択します。動画タイトルに新しいコレクションフィールドを追加して接続する場合は、「新しいフィールドを追加」を選択します。
- 動画ソースの接続先:動画のソースとして使用する「動画」または「URL」フィールドを選択します。動画ソースに新しいコレクションフィールドを追加して接続する場合は、「新しいフィールドを追加」を選択します。
注意:
動画ソースとして URL フィールドタイプを選択した場合、埋め込み動画の実際のタイトルが、動画タイトルに選択したフィールドよりも優先される可能性があります。
![プレーヤーで利用可能な CMS 接続オプションのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/28/a6fb698a-edf1-4cad-8136-01bc3ab75e32/7edba205-f46c-42b9-9865-d5c5d5b27566.jpg)
- (必要な場合)データセット設定を調整します:
- 右側の「動画プレーヤーを接続」パネルで「データセット設定」をクリックします。
- 「権限:」横の権限タイプをクリックし、コレクションの「権限・プライバシー」の設定を編集します。
- 「データセットモード」ドロップダウンをクリックし、該当するオプションを選択します:
- 読み取り:データセットに接続されている要素は、コレクションからコンテンツを読み取って表示することができます。要素はコレクションのコンテンツを変更することはできません。
- 読み取り・書き込み:データセットに接続されている要素は、コレクションのコンテンツを表示することができます。入力要素は、コレクション内のコンテンツを追加または編集できます。
![データセット設定のスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/28/f766d5b8-3dac-403b-a807-69146361c5ef/068e5c53-9cb5-46e2-a318-910e7b2becad.jpg)
- 動画プレーヤーの設定、デザイン、レイアウトをカスタマイズします。設定に関する詳細はこちら、デザイン・レイアウトオプションに関する詳細はこちら
ヒント:動画ソースが「動画」フィールドタイプの場合は、レイアウト設定から動画タイトルを有効にすることができます。動画プレーヤーをクリックして「レイアウト」アイコンを選択します。次に、「動画タイトルを表示」トグルを有効にします。
- 右上の「プレビュー」をクリックし、接続をテストします。
- 変更内容を公開する準備ができたら、「公開」をクリックします。