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

# Como enviar um vídeo para uma landing page no LanderLab

> Envie um vídeo para o File Manager do LanderLab, copie a URL do arquivo e reproduza-o na sua landing page com o elemento Video e o provedor HTML Video.

Envie um vídeo para o **File Manager** do editor para hospedá-lo junto com a sua landing page e reproduza-o com o elemento Video. Use isso para seus próprios arquivos de vídeo em vez de incorporá-los do YouTube, Vimeo, Wistia ou Loom.

<Note>
  O File Manager aceita arquivos de até **20 MB**. Para vídeos mais longos ou pesados, hospede-os em uma plataforma de vídeo e incorpore o link.
</Note>

## Como enviar um vídeo para o File Manager

<Steps>
  <Step title="Abra o File Manager">
    Abra sua landing page no editor e clique no ícone do **File Manager** na barra lateral esquerda. O painel lista os arquivos da página por tipo, como **Index File** e **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="O painel File Manager no editor do LanderLab, com o arquivo index, as imagens da página e o botão Upload File" width="1921" height="963" data-path="images/upload-video-file-manager-panel.png" />
    </Frame>
  </Step>

  <Step title="Selecione seu vídeo">
    Clique em **Upload File**. Na janela **Upload new file**, clique em **Click to Select File** e escolha o vídeo no seu computador.
  </Step>

  <Step title="Escolha o diretório e envie">
    Abra o menu **Select Directory** e escolha **/** para enviar o vídeo para a pasta raiz. Clique em **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="A janela Upload new file, com o botão Click to Select File e o menu Select Directory mostrando a opção /" width="831" height="332" data-path="images/upload-video-upload-dialog.png" />
    </Frame>
  </Step>
</Steps>

## Como copiar a URL do arquivo de vídeo

O vídeo enviado aparece em **Other Files** no File Manager. Passe o cursor sobre o arquivo e clique no ícone **Copy File Url** para copiar o link.

<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="Um vídeo enviado em Other Files no File Manager, com o botão Copy File Url destacado" width="1919" height="958" data-path="images/upload-video-copy-file-url.png" />
</Frame>

## Como adicionar o vídeo à sua página

<Steps>
  <Step title="Adicione um elemento Video">
    Clique no ícone **+** no topo da barra lateral esquerda para abrir o painel de elementos. Arraste o elemento **Video** de **Content** para uma seção da sua página.

    Para substituir um vídeo que já está na página, selecione esse elemento Video.
  </Step>

  <Step title="Selecione HTML Video">
    Com o elemento Video selecionado, abra o menu **Provider** no painel direito e escolha **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="O menu Provider do elemento Video, com YouTube, Vimeo, Wistia, Loom e HTML Video" width="291" height="378" data-path="images/upload-video-provider-dropdown.png" />
    </Frame>
  </Step>

  <Step title="Cole a URL do arquivo">
    Cole o link copiado no campo **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="Um elemento Video selecionado com HTML Video como provedor e a URL do arquivo copiada no campo URL" width="1033" height="804" data-path="images/upload-video-url-field.png" />
    </Frame>
  </Step>

  <Step title="Defina as opções de reprodução">
    Em **Playback**, escolha se o vídeo deve usar **Autoplay**, mostrar **Controls**, começar em **Muted** ou repetir com **Loop**. Para mostrar uma imagem antes de o vídeo começar, adicione uma **Video Thumbnail**.

    <Warning>
      A maioria dos navegadores só reproduz automaticamente vídeos sem som. Se você ativar **Autoplay**, defina **Muted** como **Yes**.
    </Warning>
  </Step>

  <Step title="Salve e republique">
    Clique em **Save** e depois [republique](/pt-BR/features/landing-pages/operations/republish) a página para que o vídeo fique no ar.
  </Step>
</Steps>

## Relacionados

<CardGroup cols={2}>
  <Card title="Elemento Video" icon="video" href="/pt-BR/features/editor/elements/video">
    Incorpore vídeos do YouTube, Vimeo, Wistia, Loom ou seus próprios arquivos.
  </Card>

  <Card title="Copiar URL da imagem" icon="image" href="/pt-BR/community/landing-page/copy-image-url">
    Pegue o link direto de qualquer imagem da sua página.
  </Card>
</CardGroup>