Video-Anleitungen

Schritt-für-Schritt-Anleitungen zum Hinzufügen, Einbetten und Optimieren von Videos auf jeder Website – von WordPress und Shopify bis HTML und React.

So betten Sie ein Video in eine Website ein (jede Plattform)

Hier starten

Laden Sie das Video auf YouTube oder Vimeo hoch und fügen Sie dessen Einbettungscode ein, nutzen Sie das HTML5-Video-Tag für Dateien, die Sie selbst hosten, oder ein Video-Galerie-Widget, wenn Sie mehrere Videos brauchen. Hier steht, wie jede Methode funktioniert und wann Sie sie nutzen.

So betten Sie ein Video in eine Website ein (jede Plattform)

Video zu Ihrer Plattform hinzufügen

Schritt für Schritt für die beliebtesten Website-Baukästen.

So fügen Sie WordPress Videos hinzu: 4 einfache Wege

Nutzen Sie den Video-Block für eine Datei, den Einbetten-Block für YouTube oder Vimeo, einen Eigenes-HTML-Block für Einbettungscodes oder eine Videogalerie für mehrere Videos.
16 Min. Lesezeit
So fügen Sie WordPress Videos hinzu: 4 einfache Wege

So fügen Sie Squarespace Videos hinzu

Nutzen Sie den Video-Block für YouTube oder Vimeo, einen Video-Abschnittshintergrund für Hero-Schleifen oder einen Code-Block für Einbettungs- und Galerie-Codes.
6 Min. Lesezeit
So fügen Sie Squarespace Videos hinzu

So fügen Sie Wix Videos hinzu

Nutzen Sie Wix Video oder eine Video Box für einzelne Videos und Embed HTML für Einbettungscodes und Videogalerien.
5 Min. Lesezeit
So fügen Sie Wix Videos hinzu

So betten Sie Videos in Webflow ein

Nutzen Sie das Video-Element für YouTube oder Vimeo, ein Background Video für gehostete MP4-Schleifen und Code Embed für eigene Player und Videogalerien.
6 Min. Lesezeit
So betten Sie Videos in Webflow ein

Video-How-tos

Autoplay, Hintergründe und schnelle Videos.

So optimieren und komprimieren Sie Videos für Ihre Website

Nutzen Sie MP4 (H.264/AAC), halten Sie die Auflösung bei 1080p oder darunter, komprimieren Sie auf eine sinnvolle Bitrate, fügen Sie ein Poster-Bild hinzu und laden Sie Videos unterhalb des sichtbaren Bereichs per Lazy Loading.
18 Min. Lesezeit
So optimieren und komprimieren Sie Videos für Ihre Website

Für Entwickler

HTML-Video und die YouTube-Player-API.

YouTube IFrame API: ein praktischer Leitfaden

Mit der YouTube IFrame Player API steuern Sie einen eingebetteten Player per JavaScript: Videos laden, abspielen, pausieren, springen und auf Ereignisse reagieren.
19 Min. Lesezeit
YouTube IFrame API: ein praktischer Leitfaden

Aus dem Blog

Vergleiche und Übersichten.

Die besten Video-Galerie-Plugins für WordPress

Wählen Sie eine WordPress-Videogalerie nach Quellen (YouTube, Vimeo, TikTok …), Layouts, Seitengeschwindigkeit und Wartungsaufwand.
5 Min. Lesezeit
Die besten Video-Galerie-Plugins für WordPress

Der beste Videoplayer für Ihre Website

Für eigene Dateien eignet sich eine HTML5-Player-Bibliothek (Video.js, Plyr) oder der Player einer Videoplattform.
5 Min. Lesezeit
Der beste Videoplayer für Ihre Website

Die besten Shopify-Video-Apps

Shopify-Video-Apps reichen von Shoppable-Video-Plattformen mit Checkout im Video bis zu Videogalerien, die Produktvideos und UGC auf Ihre Seiten bringen.
5 Min. Lesezeit
Die besten Shopify-Video-Apps

Sparen Sie sich die Handarbeit

Keine Einbettungscodes, die Sie einzeln kopieren müssen: Erstellen Sie eine Video Gallery, verbinden Sie Ihre Kanäle und bringen Sie alle Videos auf einmal auf Ihre Website – kostenlos.
  1. 1. Vorlage wählen
  2. 2. Videos verbinden
  3. 3. Zur Website hinzufügen