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

# Cómo subir un vídeo a una landing page en LanderLab

> Sube un vídeo al File Manager de LanderLab, copia la URL del archivo y reprodúcelo en tu landing page con el elemento Video y el proveedor HTML Video.

Sube un vídeo al **File Manager** del editor para alojarlo junto con tu landing page y reprodúcelo con el elemento Video. Úsalo para tus propios archivos de vídeo en lugar de insertarlos desde YouTube, Vimeo, Wistia o Loom.

<Note>
  El File Manager admite archivos de hasta **20 MB**. Para vídeos más largos o pesados, alójalos en una plataforma de vídeo e inserta el enlace.
</Note>

## Cómo subir un vídeo al File Manager

<Steps>
  <Step title="Abre el File Manager">
    Abre tu landing page en el editor y haz clic en el icono de **File Manager** de la barra lateral izquierda. El panel muestra los archivos de la 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="El panel File Manager en el editor de LanderLab, con el archivo index, las imágenes de la página y el botón Upload File" width="1921" height="963" data-path="images/upload-video-file-manager-panel.png" />
    </Frame>
  </Step>

  <Step title="Selecciona tu vídeo">
    Haz clic en **Upload File**. En la ventana **Upload new file**, haz clic en **Click to Select File** y elige el vídeo en tu ordenador.
  </Step>

  <Step title="Elige el directorio y súbelo">
    Abre el desplegable **Select Directory** y elige **/** para subir el vídeo a la carpeta raíz. Haz clic en **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="La ventana Upload new file, con el botón Click to Select File y el desplegable Select Directory mostrando la opción /" width="831" height="332" data-path="images/upload-video-upload-dialog.png" />
    </Frame>
  </Step>
</Steps>

## Cómo copiar la URL del vídeo

El vídeo subido aparece en **Other Files** dentro del File Manager. Pasa el cursor por encima del archivo y haz clic en el icono **Copy File Url** para copiar su enlace.

<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="Un vídeo subido en Other Files dentro del File Manager, con el botón Copy File Url resaltado" width="1919" height="958" data-path="images/upload-video-copy-file-url.png" />
</Frame>

## Cómo añadir el vídeo a tu página

<Steps>
  <Step title="Añade un elemento Video">
    Haz clic en el icono **+** de la parte superior de la barra lateral izquierda para abrir el panel de elementos. Arrastra el elemento **Video** de **Content** a una sección de tu página.

    Para sustituir un vídeo que ya está en la página, selecciona ese elemento Video.
  </Step>

  <Step title="Selecciona HTML Video">
    Con el elemento Video seleccionado, abre el desplegable **Provider** del panel derecho y elige **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="El desplegable Provider del elemento Video, con YouTube, Vimeo, Wistia, Loom y HTML Video" width="291" height="378" data-path="images/upload-video-provider-dropdown.png" />
    </Frame>
  </Step>

  <Step title="Pega la URL del archivo">
    Pega el enlace que has copiado en el 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="Un elemento Video seleccionado con HTML Video como proveedor y la URL del archivo copiada en el campo URL" width="1033" height="804" data-path="images/upload-video-url-field.png" />
    </Frame>
  </Step>

  <Step title="Configura la reproducción">
    En **Playback**, elige si el vídeo debe usar **Autoplay**, mostrar **Controls**, empezar en **Muted** o repetirse con **Loop**. Para mostrar una imagen antes de que empiece el vídeo, añade una **Video Thumbnail**.

    <Warning>
      La mayoría de los navegadores solo reproducen automáticamente los vídeos silenciados. Si activas **Autoplay**, pon **Muted** en **Yes**.
    </Warning>
  </Step>

  <Step title="Guarda y vuelve a publicar">
    Haz clic en **Save** y después [vuelve a publicar](/es/features/landing-pages/operations/republish) la página para que el vídeo esté en vivo.
  </Step>
</Steps>

## Relacionado

<CardGroup cols={2}>
  <Card title="Elemento Video" icon="video" href="/es/features/editor/elements/video">
    Inserta vídeos de YouTube, Vimeo, Wistia, Loom o tus propios archivos.
  </Card>

  <Card title="Copiar la URL de una imagen" icon="image" href="/es/community/landing-page/copy-image-url">
    Obtén el enlace directo de cualquier imagen de tu página.
  </Card>
</CardGroup>
