> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

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

> Загрузите видео в File Manager LanderLab, скопируйте ссылку на файл и воспроизведите его на лендинге через элемент Video с провайдером HTML Video.

Загрузите видео в **File Manager** редактора, чтобы разместить его вместе с лендингом, а затем воспроизведите с помощью элемента Video. Этот способ подходит для ваших собственных видеофайлов — вместо вставки видео с YouTube, Vimeo, Wistia или Loom.

<Note>
  File Manager принимает файлы до **20 МБ**. Для более длинных или тяжёлых видео разместите их на видеоплатформе и вставьте ссылку.
</Note>

## Как загрузить видео в File Manager

<Steps>
  <Step title="Откройте File Manager">
    Откройте лендинг в редакторе и нажмите значок **File Manager** на левой боковой панели. Панель показывает файлы страницы по типам, например **Index File** и **Images**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/LcJgB6EWNVGBwadB/images/upload-video-file-manager-panel.png?fit=max&auto=format&n=LcJgB6EWNVGBwadB&q=85&s=8001015fd595a651df144db192df54d0" alt="Панель File Manager в редакторе LanderLab со списком индексного файла и изображений страницы и кнопкой Upload File" width="1921" height="963" data-path="images/upload-video-file-manager-panel.png" />
    </Frame>
  </Step>

  <Step title="Выберите видео">
    Нажмите **Upload File**. В окне **Upload new file** нажмите **Click to Select File** и выберите видео на своём компьютере.
  </Step>

  <Step title="Выберите папку и загрузите">
    Откройте выпадающий список **Select Directory** и выберите **/**, чтобы загрузить видео в корневую папку. Нажмите **Upload**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/LcJgB6EWNVGBwadB/images/upload-video-upload-dialog.png?fit=max&auto=format&n=LcJgB6EWNVGBwadB&q=85&s=bcd97e09304b42010beb5f708a703a26" alt="Окно Upload new file с кнопкой Click to Select File и списком Select Directory, в котором выбран вариант /" width="831" height="332" data-path="images/upload-video-upload-dialog.png" />
    </Frame>
  </Step>
</Steps>

## Как скопировать URL файла с видео

Загруженное видео появится в разделе **Other Files** в File Manager. Наведите курсор на файл и нажмите значок **Copy File Url**, чтобы скопировать ссылку.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/LcJgB6EWNVGBwadB/images/upload-video-copy-file-url.png?fit=max&auto=format&n=LcJgB6EWNVGBwadB&q=85&s=e0e9af978b4fb3f1caad9b8e7e686d02" alt="Загруженное видео в разделе Other Files в File Manager с выделенной кнопкой Copy File Url" width="1919" height="958" data-path="images/upload-video-copy-file-url.png" />
</Frame>

## Как добавить видео на страницу

<Steps>
  <Step title="Добавьте элемент Video">
    Нажмите значок **+** вверху левой боковой панели, чтобы открыть панель элементов. Перетащите элемент **Video** из раздела **Content** на секцию страницы.

    Чтобы заменить видео, которое уже есть на странице, выберите этот элемент Video.
  </Step>

  <Step title="Выберите HTML Video">
    Выбрав элемент Video, откройте выпадающий список **Provider** на правой панели и выберите **HTML Video**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/LcJgB6EWNVGBwadB/images/upload-video-provider-dropdown.png?fit=max&auto=format&n=LcJgB6EWNVGBwadB&q=85&s=7cea96f13abfc31f8d9b8895c271ab7f" alt="Выпадающий список Provider элемента Video со вариантами YouTube, Vimeo, Wistia, Loom и HTML Video" width="291" height="378" data-path="images/upload-video-provider-dropdown.png" />
    </Frame>
  </Step>

  <Step title="Вставьте URL файла">
    Вставьте скопированную ссылку в поле **URL**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/LcJgB6EWNVGBwadB/images/upload-video-url-field.png?fit=max&auto=format&n=LcJgB6EWNVGBwadB&q=85&s=e20b523480dd23b916ed6ca5585c63ad" alt="Выбранный элемент Video с провайдером HTML Video и скопированным URL файла в поле URL" width="1033" height="804" data-path="images/upload-video-url-field.png" />
    </Frame>
  </Step>

  <Step title="Настройте воспроизведение">
    В разделе **Playback** укажите, должно ли видео запускаться автоматически (**Autoplay**), показывать элементы управления (**Controls**), воспроизводиться без звука (**Muted**) или повторяться (**Loop**). Чтобы показать изображение до начала воспроизведения, добавьте **Video Thumbnail**.

    <Warning>
      Большинство браузеров автоматически запускают только видео без звука. Если вы включаете **Autoplay**, установите для **Muted** значение **Yes**.
    </Warning>
  </Step>

  <Step title="Сохраните и опубликуйте повторно">
    Нажмите **Save**, затем [опубликуйте страницу повторно](/ru/features/landing-pages/operations/republish), чтобы видео появилось на опубликованной странице.
  </Step>
</Steps>

## Связанные материалы

<CardGroup cols={2}>
  <Card title="Элемент Video" icon="video" href="/ru/features/editor/elements/video">
    Вставляйте видео с YouTube, Vimeo, Wistia, Loom или собственные файлы.
  </Card>

  <Card title="Копирование URL изображения" icon="image" href="/ru/community/landing-page/copy-image-url">
    Получите прямую ссылку на любое изображение на странице.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.