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

# How to Upload a Video to a Landing Page in LanderLab

> Upload a video to your LanderLab File Manager, copy its file URL, and play it on your landing page with the Video element and the HTML Video provider.

Upload a video to the editor's **File Manager** to host it with your landing page, then play it with the Video element. Use this for your own video files instead of embedding them from YouTube, Vimeo, Wistia, or Loom.

<Note>
  The File Manager accepts files up to **20 MB**. For longer or heavier videos, host them on a video platform and embed the link instead.
</Note>

## How to upload a video to the File Manager

<Steps>
  <Step title="Open the File Manager">
    Open your landing page in the editor and click the **File Manager** icon in the left sidebar. The panel lists your page files by type, such as **Index File** and **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="The File Manager panel in the LanderLab editor, listing the index file and page images, with the Upload File button" width="1921" height="963" data-path="images/upload-video-file-manager-panel.png" />
    </Frame>
  </Step>

  <Step title="Select your video">
    Click **Upload File**. In the **Upload new file** window, click **Click to Select File** and choose the video on your computer.
  </Step>

  <Step title="Choose the directory and upload">
    Open the **Select Directory** dropdown and choose **/** to upload the video to the root folder. Click **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="The Upload new file window, with the Click to Select File button and the Select Directory dropdown showing the / option" width="831" height="332" data-path="images/upload-video-upload-dialog.png" />
    </Frame>
  </Step>
</Steps>

## How to copy the video's file URL

The uploaded video appears under **Other Files** in the File Manager. Hover over the file and click the **Copy File Url** icon to copy its 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="An uploaded video under Other Files in the File Manager, with the Copy File Url button highlighted" width="1919" height="958" data-path="images/upload-video-copy-file-url.png" />
</Frame>

## How to add the video to your page

<Steps>
  <Step title="Add a Video element">
    Click the **+** icon at the top of the left sidebar to open the elements panel. Drag the **Video** element from **Content** onto a section of your page.

    To replace a video that is already on the page, select that Video element instead.
  </Step>

  <Step title="Select HTML Video">
    With the Video element selected, open the **Provider** dropdown in the right panel and choose **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="The Provider dropdown of the Video element, listing YouTube, Vimeo, Wistia, Loom, and HTML Video" width="291" height="378" data-path="images/upload-video-provider-dropdown.png" />
    </Frame>
  </Step>

  <Step title="Paste the file URL">
    Paste the link you copied into the **URL** field.

    <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="A selected Video element with HTML Video as the provider and the copied file URL in the URL field" width="1033" height="804" data-path="images/upload-video-url-field.png" />
    </Frame>
  </Step>

  <Step title="Set playback options">
    Under **Playback**, choose whether the video should **Autoplay**, show **Controls**, start **Muted**, or **Loop**. To show an image before the video plays, add a **Video Thumbnail**.

    <Warning>
      Most browsers only autoplay videos that are muted. If you turn on **Autoplay**, set **Muted** to **Yes**.
    </Warning>
  </Step>

  <Step title="Save and republish">
    Click **Save**, then [republish](/features/landing-pages/operations/republish) the page so the video goes live.
  </Step>
</Steps>

## Related

<CardGroup cols={2}>
  <Card title="Video element" icon="video" href="/features/editor/elements/video">
    Embed videos from YouTube, Vimeo, Wistia, Loom, or your own files.
  </Card>

  <Card title="Copy Image URL" icon="image" href="/community/landing-page/copy-image-url">
    Get the direct link of any image on your page.
  </Card>
</CardGroup>
