# AX - ビデオ

## 概要

**AX - ビデオ** は、Experience Sites のページに動画プレーヤーを埋め込み、YouTube、Vimeo、Salesforce コンテンツドキュメント、および直接の動画ファイル URL をサポートする Experience Cloud コンポーネントです。

トレーニングコンテンツ、製品デモ、チュートリアル、またはサポート動画をポータル内で直接表示するために使用します。フィールド値から動画ソースを取得してレコードごとに異なる動画を表示し、Experience Builder で自動再生、ループ再生、プレーヤーコントロールなどの再生オプションを設定できます。

動画ライブラリ、トレーニングセンター、製品デモ、オンボーディングコンテンツ、またはポータル利用者が外部サイトへ移動せずに動画コンテンツを必要とするあらゆる場面に最適です。

***

## はじめに

この簡単なチュートリアルで Video コンポーネントの基本を学び、ユースケースの構築を始めましょう。

{% @arcade/embed flowId="Khgc427v5m7NGLo2BzYL" url="<https://app.arcade.software/share/Khgc427v5m7NGLo2BzYL>" %}

***

## プロパティ

| 名前                    | 説明                                                                  | 使用方法                                                                |
| --------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
| **CMS 動画 または 動画 URL** | CMS から動画を選択するか、直接 YouTube URL を指定して、動画ソースを定義します                     | コンテンツ戦略に最も適した動画ソースを選び、ページ内で効果的に統合・管理されるようにしてください。                   |
| **音量**                | コンテナの背景画像を設定します。                                                    | コンテナの視覚的な魅力を高め、伝えたい雰囲気やテーマ性に寄与する画像をアップロードするか、URL を指定します。            |
| **再生速度**              | 背景画像の上に色のオーバーレイを適用します。                                              | 背景画像の上にさりげなく重なる色を選び、コンテナ内のコンテンツの視認性と可読性を保ちやすくします。                   |
| **自動再生**              | ページ読み込み時に動画を自動的に再生開始するかどうかを決定します。                                   | ユーザー体験の観点から自動再生を有効または無効にし、動画の再生がユーザーの期待や閲覧行動に合うようにします。              |
| **ループ**               | 動画が শেষ尾に達した後、連続してループ再生するかどうかを決定します。                                | ループ機能を使用すると、動画を繰り返し再生でき、背景演出やページ上での継続的なマルチメディア表示に適しています。            |
| **コントロールを非表示**        | 動画コントロールを表示するか非表示にするかを選択し、ユーザーが動画コンテンツとどのように操作するかに影響します。            | 希望するユーザー操作レベルとページレイアウトの美観を考慮して、コントロールの表示をカスタマイズします。                 |
| **サイズ**               | 動画のサイズパラメータを定義します。 **`幅`** および **`高さ`**&#x3092;含み、オーバーフローの動作を制御します。 | 動画のサイズとオーバーフロー設定を調整して、ページにシームレスに統合され、レスポンシブで視覚的に一貫したレイアウトになるようにします。 |

***

## ユースケース例

### 例 1: 製品動画

{% @arcade/embed flowId="UHUg1GHG21hrQs1cBnJ2" url="<https://app.arcade.software/share/UHUg1GHG21hrQs1cBnJ2>" %}

#### 埋め込み動画で製品を生き生きと見せる

製品デモ動画を製品ページに直接埋め込み、顧客が必要な情報に必要な場所で即座にアクセスできるようにします。その結果、より充実したセルフサービス体験が実現し、製品への信頼を高め、問い合わせサポート件数を削減できます。

***

#### 実現できること

* **より深い製品理解:** 顧客やパートナーがページを離れることなく、製品デモ、手順ガイド、チュートリアルに即座にアクセスできるようにします。
* **セルフサービスの定着向上:** ユーザーが自分のペースで視覚的に答えを見つけられるようにすることで、問い合わせサポート件数を削減します。

***

#### 前提条件

以下が整っていることを確認してください。

* **製品オブジェクトページ: 次に設定され、有効化されていること** Experience Cloud サイト。
* **ProductDemoURL\_\_c :** 各製品の動画 URL を保存するための、製品オブジェクト上のカスタムフィールドです。

***

#### セットアップ方法

{% stepper %}
{% step %}

#### **コンポーネントを追加**

* Experience Builder を開き、製品記事ページに移動します。 **AX - ビデオ** コンポーネントを、希望する位置にページへドラッグします。
  {% endstep %}

{% step %}

#### **データを接続**

* データソースを選択し、動画 URL フィールドをマッピングして、各製品レコードからリンクを動的に取得します。
* 動画 URL : `{!Item.ProductDemoURL__c}`
  {% endstep %}

{% step %}

#### **表示を調整**

* コンポーネントの幅を **500px**に設定するか、ページレイアウトに合わせて調整します。
  {% endstep %}

{% step %}

#### **プレビューして公開**

* 組み込みのプレビューを使用して、製品ページ全体で動画が正しく表示されることを確認し、準備ができたら公開します。
  {% endstep %}
  {% endstepper %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-bideo.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.