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

Die drei Wege, Video auf eine Website zu bringen

Methode 1: ein YouTube- oder Vimeo-Video einbetten

Öffnen Sie das Video, klicken Sie auf Teilen → Einbetten, kopieren Sie den iFrame und fügen Sie ihn in einen HTML- oder Einbettungs-Block Ihrer Website ein. Damit er responsiv wird, packen Sie ihn in einen Container mit aspect-ratio: 16 / 9. Unser kostenloser YouTube-Einbettungscode-Generator und der Vimeo-Einbettungsgenerator übernehmen das für Sie und ergänzen Optionen wie Autoplay und Schleife.

Methode 2: die Datei hosten und das Video-Tag nutzen

Für kurze Clips – eine Hero-Schleife, eine Produktdrehung – laden Sie ein MP4 (H.264-Video, AAC-Audio) auf Ihr Hosting oder CDN hoch und nutzen das HTML5-Video-Element. Fügen Sie controls, ein poster-Bild und preload="metadata" hinzu, damit die Seite schnell bleibt. Unsere Anleitung zum HTML-Video-Tag behandelt jedes Attribut.

Methode 3: eine Videogalerie hinzufügen

Wenn Sie mehr als ein Video haben – einen Kanal, eine Playlist, Testimonials, Shorts und Reels –, wird das Einbetten einzeln unübersichtlich. Ein Video-Galerie-Widget holt sie aus ihrer Quelle, hält sie aktuell und zeigt sie in einem Raster, Karussell oder Player mit Playlist.

Der No-Code-Weg

Verbinden Sie YouTube, Vimeo, TikTok, Instagram Reels, Twitch oder gehostete Videos, wählen Sie ein Layout und fügen Sie einen Code ein.

Elfsight Video Gallery ausprobieren

Schritt für Schritt für Ihre Plattform

Eingebettetes Video schnell machen

• Laden Sie Videos unterhalb des sichtbaren Bereichs per Lazy Loading.

• Nutzen Sie ein Poster-Bild, statt den Player sofort zu laden.

• Halten Sie automatisch startende Clips kurz, stumm und komprimiert.

• Hosten Sie lange Videos nicht auf Ihrem eigenen Server – nutzen Sie YouTube, Vimeo oder ein Video-CDN.

Mehr dazu in So optimieren Sie Videos für Ihre Website.