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

# So laden Sie in LanderLab ein Video auf eine Landingpage hoch

> Laden Sie ein Video in den File Manager von LanderLab hoch, kopieren Sie die Datei-URL und spielen Sie es auf Ihrer Landingpage mit HTML Video ab.

Laden Sie ein Video in den **File Manager** des Editors hoch, um es zusammen mit Ihrer Landingpage zu hosten, und spielen Sie es mit dem Video-Element ab. So nutzen Sie eigene Videodateien, statt sie von YouTube, Vimeo, Wistia oder Loom einzubetten.

<Note>
  Der File Manager akzeptiert Dateien bis **20 MB**. Längere oder größere Videos hosten Sie besser auf einer Videoplattform und betten den Link ein.
</Note>

## So laden Sie ein Video in den File Manager hoch

<Steps>
  <Step title="File Manager öffnen">
    Öffnen Sie Ihre Landingpage im Editor und klicken Sie in der linken Seitenleiste auf das Symbol **File Manager**. Das Panel listet die Dateien der Seite nach Typ auf, etwa **Index File** und **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="Das File-Manager-Panel im LanderLab-Editor mit der Index-Datei, den Bildern der Seite und der Schaltfläche Upload File" width="1921" height="963" data-path="images/upload-video-file-manager-panel.png" />
    </Frame>
  </Step>

  <Step title="Video auswählen">
    Klicken Sie auf **Upload File**. Klicken Sie im Fenster **Upload new file** auf **Click to Select File** und wählen Sie das Video auf Ihrem Computer aus.
  </Step>

  <Step title="Verzeichnis wählen und hochladen">
    Öffnen Sie das Dropdown **Select Directory** und wählen Sie **/**, um das Video in den Stammordner hochzuladen. Klicken Sie auf **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="Das Fenster Upload new file mit der Schaltfläche Click to Select File und dem Dropdown Select Directory mit der Option /" width="831" height="332" data-path="images/upload-video-upload-dialog.png" />
    </Frame>
  </Step>
</Steps>

## So kopieren Sie die Datei-URL des Videos

Das hochgeladene Video erscheint im File Manager unter **Other Files**. Fahren Sie mit der Maus über die Datei und klicken Sie auf das Symbol **Copy File Url**, um den Link zu kopieren.

<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="Ein hochgeladenes Video unter Other Files im File Manager mit hervorgehobener Schaltfläche Copy File Url" width="1919" height="958" data-path="images/upload-video-copy-file-url.png" />
</Frame>

## So fügen Sie das Video zu Ihrer Seite hinzu

<Steps>
  <Step title="Video-Element hinzufügen">
    Klicken Sie oben in der linken Seitenleiste auf das Symbol **+**, um das Elemente-Panel zu öffnen. Ziehen Sie das Element **Video** aus **Content** in einen Abschnitt Ihrer Seite.

    Um ein Video zu ersetzen, das bereits auf der Seite ist, wählen Sie stattdessen dieses Video-Element aus.
  </Step>

  <Step title="HTML Video auswählen">
    Öffnen Sie bei ausgewähltem Video-Element im rechten Panel das Dropdown **Provider** und wählen Sie **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="Das Dropdown Provider des Video-Elements mit YouTube, Vimeo, Wistia, Loom und HTML Video" width="291" height="378" data-path="images/upload-video-provider-dropdown.png" />
    </Frame>
  </Step>

  <Step title="Datei-URL einfügen">
    Fügen Sie den kopierten Link in das Feld **URL** ein.

    <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="Ein ausgewähltes Video-Element mit HTML Video als Anbieter und der kopierten Datei-URL im Feld URL" width="1033" height="804" data-path="images/upload-video-url-field.png" />
    </Frame>
  </Step>

  <Step title="Wiedergabe einstellen">
    Legen Sie unter **Playback** fest, ob das Video per **Autoplay** startet, **Controls** anzeigt, **Muted** beginnt oder per **Loop** wiederholt wird. Um vor dem Abspielen ein Bild anzuzeigen, fügen Sie ein **Video Thumbnail** hinzu.

    <Warning>
      Die meisten Browser spielen Videos nur dann automatisch ab, wenn sie stummgeschaltet sind. Wenn Sie **Autoplay** aktivieren, setzen Sie **Muted** auf **Yes**.
    </Warning>
  </Step>

  <Step title="Speichern und erneut veröffentlichen">
    Klicken Sie auf **Save** und [veröffentlichen Sie die Seite erneut](/de/features/landing-pages/operations/republish), damit das Video live geht.
  </Step>
</Steps>

## Verwandte Themen

<CardGroup cols={2}>
  <Card title="Video-Element" icon="video" href="/de/features/editor/elements/video">
    Betten Sie Videos von YouTube, Vimeo, Wistia, Loom oder eigene Dateien ein.
  </Card>

  <Card title="Bild-URL kopieren" icon="image" href="/de/community/landing-page/copy-image-url">
    Holen Sie sich den Direktlink zu jedem Bild auf Ihrer Seite.
  </Card>
</CardGroup>