Videos hinzufügen - Framer Hilfe

Last updated on 10/16/2025@mrbirddev
Videos hinzufügen - Framer Hilfe

Videos hinzufügen

Sie können Ihre Website verbessern, indem Sie Videos hinzufügen, entweder durch Hochladen einer lokalen Datei oder durch Einbetten von Inhalten von Plattformen wie YouTube und Vimeo.

Um ein Video zu Ihrer Seite hinzuzufügen, klicken Sie auf die Schaltfläche Einfügen und navigieren Sie zum Medienbereich. Ziehen Sie dann eine Videokomponente auf die Leinwand. Sie können aus drei Optionen wählen: einer nativen Videokomponente, YouTube oder Vimeo.

Legen Sie ein Posterbild fest, das als Videominiatur dient. Dieses Bild wird von Google und anderen Suchmaschinen verwendet, um eine Vorschau in den Suchergebnissen und Snippets anzuzeigen. Das Poster sollte mindestens 60 x 30 px groß sein. Während Framer das Video optimiert, wird der Videoinhalt selbst nicht optimiert.

Screenshot des "Medien"-Panels im "Einfügen"-Menü, das alle verschiedenen Bild- und Videokomponenten zeigt.

Einbetten von YouTube oder Vimeo

Um Videos von YouTube oder Vimeo einzubetten, geben Sie einfach die Video-URL in die entsprechende Komponente ein. Das Video wird direkt auf der Leinwand eingebettet.

Für lokale Videos oder gehostete MP4s verwenden Sie die Videokomponente. Sie können die folgenden Eigenschaften anpassen:

  • Autoplay
  • Posterbilder
  • Border-Radius
  • Schleifen
  • Größenanpassung

Screenshot des rechten Menüs, das die verschiedenen Optionen der YouTube-Komponente in Framer zeigt.

Autoplay-Videos

Moderne Browser wie Chrome und Safari erfordern, dass Autoplay-Videos standardmäßig stummgeschaltet sind. Wenn Ihr Video Ton hat, ist es am besten, die Wiedergabe nach einer Benutzerinteraktion (wie dem Klicken auf eine Schaltfläche) auszulösen. Sie können auch unseren Leitfaden dazu lesen, wie man Videos abspielt, wenn sie in den Sichtbereich kommen.

Videozugänglichkeit

Für Videos ohne Tonspur fügen Sie unter dem Video eine Textbeschreibung hinzu, um den Inhalt zusammenzufassen. Beispiele hier ansehen.

Zurück zur Framer-Hilfe

Last updated on 10/16/2025@mrbirddev
Recent Articles
Loading...