> For the complete documentation index, see [llms.txt](https://support.charlla.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.charlla.io/jp/users-guide/video-contents/playback.md).

# 動画の再生ルールを決める

サイト上で動画をどのように表示・再生させるかを設定します。自動再生の有無やコントロールバーの表示など、お好みの動作をカスタマイズできます。

「動画単体で表示する場合（ディスプレイヤー）」と、「商品バナーと一緒に表示する場合（ショッププレイヤー）で設定方法が異なります。

## ディスプレイヤーの設定手順

{% stepper %}
{% step %}

### 動画を選択する

\[動画管理（ライブラリ）] 一覧から、設定したい動画の行をクリックします。\
動画をクリックするとサイドメニューが表示されます。\
このとき、サイドメニューが「ディスプレイヤー」になっていることを確認してください。

<figure><img src="https://3627017617-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHfZL4HYwO19vNYjGhjS%2Fuploads%2Fb1SNSDtF8lQpwuEf8cda%2F%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC1.png?alt=media&amp;token=fa6490b3-efeb-495d-b615-e08ba321fd8f" alt=""><figcaption><p>画像クリックで拡大</p></figcaption></figure>
{% endstep %}

{% step %}

### サイドメニューで設定する

右側に開くサイドメニュー内の「プレイヤー設定」セクションで、各項目のトグル（ON/OFF）を切り替えます。

<figure><img src="https://3627017617-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHfZL4HYwO19vNYjGhjS%2Fuploads%2FCEfBtLAVUwevruZtBAza%2F%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC2.png?alt=media&amp;token=e8a6fb61-184c-4f42-a3ec-463c1808ca29" alt=""><figcaption><p>画像クリックで拡大</p></figcaption></figure>

#### 各設定項目の詳細

* コントロールバー\
  再生・一時停止ボタンやシークバーを表示します。
* 自動再生\
  ページを読み込んだ際に即座に再生を開始します（自動再生時は消音となります）。
* リピート再生\
  動画終了後、自動で最初からループ再生します。
* 動画埋め込み（サイズ指定）\
  プレイヤーの横幅をpx（ピクセル）単位で指定できます。

{% hint style="danger" %}
**動画サイズを手動設定した場合**\
変更内容を反映する場合、サイト上の埋め込みコードを都度差し替える必要があります。
{% endhint %}
{% endstep %}

{% step %}

### 保存する

画面右下の \[保存する] をクリックして完了です。

<figure><img src="https://3627017617-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHfZL4HYwO19vNYjGhjS%2Fuploads%2FExZ6VXLFVVq8b2cHz2Y6%2F%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC3.png?alt=media&amp;token=545e37af-0a27-4a66-a673-30eddfcd9673" alt=""><figcaption><p>画像クリックで拡大</p></figcaption></figure>
{% endstep %}
{% endstepper %}

## ショッププレイヤーの設定手順

　動画リンク（URL）をシェアした際に表示されるページのルールを設定します。

{% stepper %}
{% step %}

### 動画を選択する

\[動画管理（ライブラリ）] 一覧から、設定したい動画の行をクリックします。\
動画をクリックするとサイドメニューが表示されます。\
このとき、サイドメニューが「ショップレイヤー」になっていることを確認してください。

<figure><img src="https://3627017617-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHfZL4HYwO19vNYjGhjS%2Fuploads%2FG4ZlxXOmXJCSeZS2zpvT%2F%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC1%20(1).png?alt=media&amp;token=d53fe82f-40ba-47c5-8f3e-45332e3b0d4d" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### サイドメニューで設定する

右側に開くサイドメニュー内の「プレイヤー設定」セクションで、各項目のトグル（ON/OFF）を切り替えます。

<figure><img src="https://3627017617-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHfZL4HYwO19vNYjGhjS%2Fuploads%2F8ZehsUKoGw7lYBThIhMH%2F%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC2.png?alt=media&amp;token=332d8c47-63fc-4d33-a853-1f76831e7482" alt=""><figcaption></figcaption></figure>

#### 各設定項目の詳細

* 自動再生\
  ページを読み込んだ際に即座に再生を開始します（自動再生時は消音となります）。
* リピート再生\
  動画終了後、自動で最初からループ再生します。
  {% endstep %}

{% step %}

### 保存する

画面右下の \[保存する] をクリックして完了です。

<figure><img src="https://3627017617-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHfZL4HYwO19vNYjGhjS%2Fuploads%2FLwaONWcBoPo0onRjGNiV%2F%E3%82%B7%E3%83%A7%E3%83%83%E3%83%97%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC3.png?alt=media&amp;token=c7fac422-1ffa-4e89-92df-b637e98813a6" alt=""><figcaption></figcaption></figure>
{% 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://support.charlla.io/jp/users-guide/video-contents/playback.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
