> 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.md).

# 動画の準備・設定

Charllaへ動画を取り込み、サイト上でどのように見せるかを設定する基本ガイドです。\
まずは動画をアップロードして、再生ルールを設定することから始めましょう。

***

### 🛠️ 基本の3ステップ

各項目をクリックすると、詳細な設定手順を確認できます。

{% stepper %}
{% step %}

### [動画をアップロード・削除する](/jp/users-guide/video-contents/upload.md)

まずは素材となる動画ファイルをCharllaへアップロードしましょう。
{% endstep %}

{% step %}

### [動画の再生ルールを決める](/jp/users-guide/video-contents/playback.md)

* コントロールバー（再生ボタンなど）の表示設定
* 自動再生（オートプレイ）のオン・オフ
* リピート再生（繰り返し）の設定
* 動画サイズの設定

サイト上での動画の「表示スタイル」をコントロールします。
{% endstep %}

{% step %}

### [動画に商品バナーをつける](/jp/users-guide/video-contents/shoppable.md)

動画の中に「商品バナー」を設置できます。\
動画から商品ページへの導線が簡単に作れます。
{% endstep %}
{% endstepper %}

***

### 💡 次のステップ

動画の準備が整ったら、サイトへの公開へ進みましょう。

* 👉 [サイトに表示する・共有する](/jp/users-guide/publish.md)
* 👉 [動画を使ったデザインパーツを表示できるウィジェット機能](/jp/users-guide/widget.md)


---

# 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.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.