> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/blocks/add-video.md).

# Видео на сайте

Видео — отличный способ сделать сайт более привлекательным и информативным.

Можно <mark style="background-color:green;">загрузить видео напрямую с устройства</mark> или [встроить видео по ссылке](#kak-vstroit-video-po-ssylke).

### Какие видео поддерживаются

✔ Размер — до 500 МБ.

✔ Формат — MP4 или MOV.

✔ Горизонтальные и вертикальные.

✔ Кодек — h.264 (AVC) или h.265 (HEVC).

{% hint style="info" %}
Это подходит для видео в блоках. В обложки страниц можно загружать видео до 500 МБ.
{% endhint %}

## Загрузка видео

Видео можно загрузить в любой блок на составной странице, а также на обложку страницы.

В блоке **«Баннер»** и в [**обложке страницы**](/site/pages/manage-pages/page-cover.md) видео проигрываются автоматически и **всегда без звука**.

Для просмотра со звуком загрузите видео напрямую в подходящий блок: **«Галерея», «Фото и видео»,** **«Фото и видео с текстом», «Контакты», «Кнопки» и «Виджеты»**.

* Создайте или откройте составную страницу, пост в блоге или анонс.
* Нажмите на кнопку <mark style="background-color:blue;">**(+)**</mark>, чтобы добавить новый блок, и выберите блок из нужной вкладки.

<figure><img src="/files/D915HiaPEC0nhJui9ZuV" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/M5HO1ZgJJJJ9Dt6uZsG6" alt=""><figcaption></figcaption></figure>

* Загрузите видео.

Для видео можно настроить автовоспроизведение — оно будет запускаться на странице автоматически без звука.

Как включить автовоспроизведение:

* в блоке **«Галерея»**: нажмите иконку **«Автозапуск (▷)»** в панели управления.

<div align="center"><figure><img src="/files/AGwRV1rMiFHSWIgDl5f7" alt=""><figcaption></figcaption></figure></div>

* в других блока&#x445;**:** наведите курсор на видео, откройте настройки и нажмите на переключатель **«Автозапуск»**.

<figure><img src="/files/DqHwHCBbLratbT4c4PaY" alt="" width="375"><figcaption></figcaption></figure>

**Автовоспроизведение видео всегда происходит без звука** — это особенность современных браузеров. Звук видеоролика пользователю нужно включить вручную.

**Посмотрите, как это выглядит на сайте:**

{% embed url="<https://demo.wfolio.pro/golf>" %}

### Как загрузить видео в альбом

В альбом можно встроить видео по ссылке. Чтобы загрузить видео напрямую, [преобразуйте альбом в составную страницу](/site/blocks/add-blocks-to-album.md).

### Как встроить видео по ссылке

Более крупные видео можно встроить на сайт по ссылке. Можно добавить на сайт видео, размещенные на **YouTube**, **Vimeo**, **Kinescope**, **ВКонтакте** или **Rutube**.

Видео по ссылке можно встроить

* в альбом:

<figure><img src="/files/Ktxm0NZrUEel2t3XplCK" alt=""><figcaption></figcaption></figure>

* на составную страницу — выберите блок из вкладки **Видео**:

<figure><img src="/files/bfgSwVjiGsq94Em4TZvi" alt=""><figcaption></figcaption></figure>

**Как загрузить клип ВК / вертикальное видео из Rutube?**\
Эти сервисы не поддерживают добавление клипов на сторонние ресурсы, поэтому нет возможности вставить их по ссылке. Видео до 300 МБ вы можете загрузить напрямую на сайт.\
Клип ВК также можно добавить на составную страницу, встроив через HTML-код: [Как добавить HTML-код](/site/blocks/widgets/html-code.md)

## Идеи для портфолио с видео

* Создайте отдельную составную страницу с произвольной комбинацией блоков, включая видео.
* Организуйте галерею альбомов, где в каждом альбоме будет по одному видео.
* Используйте простой вариант — страницу альбома, содержащую только видео.

**Посмотрите сайты видеографов, созданные на Wfolio:**

{% embed url="<https://free.wfolio.pro/site-examples#section-13772299>" %}


---

# 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.wfolio.pro/site/blocks/add-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.