> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/experience-components/ax-video.md).

# AX - 動画

## 概要

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

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

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

## はじめに

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

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

## 設定

### プロパティ

**タイトル** 動画のタイトルを設定します。

**CMS 動画** と **動画 URL または式** 動画のソースを定義します — CMS から動画を選択するか、YouTube、Vimeo、またはファイルの直接 URL を指定します。

**音量** 動画のデフォルト音量レベルを設定します。

**再生速度** 動画の再生速度を設定し、コンテンツのテンポを調整できます。

**自動再生** ページの読み込み時に動画を自動的に開始します。

**ループ** 終了後に動画を継続的に再生し直します。背景映像やページ上で一貫したマルチメディア表示に適しています。

**コントロールを非表示** 動画コントロールの表示・非表示を切り替え、ユーザーが動画コンテンツとどのように操作するかに影響します。

## スタイリング

{% tabs %}
{% tab title="サイズ" %}
動画のサイズ（幅 / 高さ / オーバーフロー）を制御します。
{% endtab %}

{% tab title="マージン" %}
動画の外側の余白を制御します。
{% endtab %}

{% tab title="パディング" %}
動画の内側の余白を制御します。
{% endtab %}
{% endtabs %}

## ユースケース

### 例 1: 製品動画

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

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

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

***

#### 達成できること

* **より深い製品理解:** ページを離れることなく、顧客やパートナーに製品デモ、操作手順、チュートリアルへの即時アクセスを提供します。
* **より強いセルフサービスの定着:** ユーザーが自分のペースで視覚的に答えを見つけられるようにして、受信サポート依頼を減らします。

***

#### 前提条件

次の項目が整っていることを確認してください:

* **製品オブジェクトのページ: 次の場所で設定済みかつ有効化済み** あなたの Experience Cloud サイト。
* **ProductDemoURL\_\_c :** 各製品の動画 URL を保存するための、Product オブジェクト上のカスタムフィールド。

***

#### 設定方法

{% stepper %}
{% step %}

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

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

{% step %}

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

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

{% step %}

#### **外観を調整**

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

{% step %}

#### **プレビューと公開**

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.