> 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 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://support.charlla.io/jp/users-guide/video-contents/playback.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.
