Video und Audio zu deiner Sitebuilder-Website hinzufügen
Multimedia macht deine Website attraktiver und hält Besucher länger auf deinen Seiten. Video- und Audioinhalte erhöhen die Beteiligung, verdeutlichen komplexe Themen und geben deiner Marke ein persönliches Gesicht.
Warum Multimedia hinzufügen
Video und Audio bieten einzigartige Vorteile:
- Besucher bleiben durchschnittlich 88% länger auf Seiten mit Video
- Komplexe Produkte oder Dienstleistungen werden besser verstanden
- Du baust schneller Vertrauen auf
- Höhere Konversionen auf Landingpages
- Bessere SEO durch längere Verweildauer
Video hinzufügen
Methode 1: YouTube oder Vimeo einbetten
Die einfachste Möglichkeit, Videos hinzuzufügen, ist über bestehende Plattformen.
YouTube-Video einfügen
- Öffne die Seite in Sitebuilder
- Klicke auf das Plus-Symbol, um ein Element hinzuzufügen
- Suche nach Video oder YouTube
- Ziehe das Video-Block an die gewünschte Position
- Füge die YouTube-URL ein
- Das Video wird automatisch geladen
Vimeo-Video einfügen
- Füge einen Video-Block hinzu
- Wähle Vimeo als Quelle
- Füge die Vimeo-URL ein
- Passe die Einstellungen an
Methode 2: Eigenes Video hochladen
Lade deine eigenen Videodateien direkt in Sitebuilder hoch.
Unterstützte Formate
- MP4 (empfohlen)
- WebM
- MOV
Empfohlene Einstellungen
- Auflösung: 1080p oder 720p
- Codec: H.264
- Maximale Größe: 100MB
Hochladen
- Füge ein Video-Element hinzu
- Wähle Datei hochladen
- Wähle deine Videodatei aus
- Warte, bis der Upload abgeschlossen ist
- Konfiguriere die Abspieloption
Methode 3: Embed-Code
Für andere Videoquellen verwendest du einen Embed-Code.
- Kopiere den Embed-Code von der Videoquelle
- Füge einen HTML-Block in Sitebuilder hinzu
- Füge den Embed-Code ein
- Passe die Abmessungen bei Bedarf an
Videoeinstellungen
Autoplay
Das Video automatisch abspielen lassen, wenn die Seite geladen wird.
- Wähle den Video-Block aus
- Gehe zu Einstellungen
- Aktiviere Autoplay
- Aktiviere auch Muted (erforderlich für Autoplay in Browsern)
Loop
Das Video automatisch wiederholen lassen:
- Öffne die Videoeinstellungen
- Aktiviere Loop
- Das Video wird kontinuierlich abgespielt
Steuerelemente
Bestimme, welche Schaltflächen sichtbar sind:
- Play/Pause-Schaltfläche
- Lautstärkeregler
- Fortschrittsbalken
- Vollbild-Schaltfläche
- Picture-in-Picture
Posterbild
Ein Bild anzeigen, bevor das Video startet:
- Gehe zu den Videoeinstellungen
- Lade ein Posterbild hoch
- Wähle ein ansprechendes Bild aus dem Video aus
- Dies verbessert die Ladezeit deiner Seite
Audio hinzufügen
Audiodatei hochladen
Füge Musik, Podcasts oder gesprochene Inhalte hinzu.
- Füge ein Audio-Element hinzu
- Lade deine Audiodatei hoch:
- MP3 (empfohlen)
- WAV
- OGG
- Konfiguriere den Player
Spotify einbetten
Teile Spotify-Playlists oder Podcasts:
- Kopiere den Spotify-Embed-Code
- Füge einen HTML-Block hinzu
- Füge den Code ein
- Passe die Höhe für eine schöne Darstellung an
Podcast-Player
Hast du einen Podcast? Zeige Episoden auf deiner Website an:
- Verwende den RSS-Feed deines Podcasts
- Füge ein Podcast-Widget hinzu
- Neue Episoden erscheinen automatisch
Hintergrundvideo
Beeindrucke mit einem Video als Hintergrund eines Abschnitts.
Hintergrundvideo einstellen
- Wähle den Abschnitt aus
- Gehe zu Hintergrund
- Wähle Video als Hintergrundtyp
- Lade dein Video hoch oder verlinke es
Best Practices für Hintergrundvideos
- Verwende kurze Loops (10-30 Sekunden)
- Wähle subtile Bilder ohne Ablenkung
- Sorge für ausreichenden Kontrast mit Text
- Füge ein Fallback-Bild für Mobilgeräte hinzu
- Halte die Dateigröße klein
Overlay hinzufügen
Mach den Text über dem Video lesbarer:
- Gehe zu den Abschnittseinstellungen
- Aktiviere Overlay
- Wähle eine Farbe und Transparenz
- Teste die Lesbarkeit deines Inhalts
Video-Galerie erstellen
Zeige mehrere Videos organisiert an.
Grid-Layout
- Erstelle einen Abschnitt mit mehreren Spalten
- Platziere einen Video-Block in jeder Spalte
- Füge optional einen Titel pro Video hinzu
Video-Slider
- Füge ein Slider-Element hinzu
- Füge Video-Blöcke zu jedem Slide hinzu
- Konfiguriere Navigation und Timing
Lightbox
Lass Videos in einem Overlay öffnen:
- Füge ein Thumbnail-Bild hinzu
- Verlinke das Bild zum Video
- Stelle ein, dass es in einer Lightbox geöffnet wird
- Besucher klicken und das Video öffnet sich groß
Leistungsoptimierung
Videos können deine Website verlangsamen. Befolge diese Tipps für optimale Leistung.
Lazy Loading
Lade Videos erst, wenn sie in Sicht kommen:
- Gehe zu den Videoeinstellungen
- Aktiviere Lazy Load
- Dies verbessert die initiale Ladezeit
Video-Kompression
Verkleinere Videodateien für schnellere Ladezeiten:
- Verwende 720p anstelle von 1080p, wo möglich
- Komprimiere mit Tools wie Handbrake
- Wähle einen effizienten Codec (H.264)
Hosting-Überlegungen
- YouTube/Vimeo: Kostenlos, schnelle Lieferung
- Eigene Uploads: Mehr Kontrolle, nutzt deine Bandbreite
- CDN: Für viele Besucher mit eigenen Videos
Mobile Überlegungen
Responsive Videos
Sitebuilder passt Videos automatisch an die Bildschirmgröße an. Überprüfe:
- Teste auf verschiedenen Geräten
- Überprüfe, ob die Schaltflächen groß genug sind
- Überlege kürzere Videos für Mobilgeräte
Datenverbrauch
Mobile Nutzer haben oft begrenzte Daten. Überlege:
- Kein Autoplay auf Mobilgeräten
- Lass Nutzer wählen, ob sie schauen möchten
- Zeige ein ansprechendes Thumbnail
Zugänglichkeit
Mache Multimedia für alle zugänglich.
Untertitel
Füge Untertitel zu deinen Videos hinzu:
- Erstelle eine SRT- oder VTT-Datei
- Lade diese bei deinen Videoeinstellungen hoch
- Untertitel erscheinen automatisch
Transkripte
Biete eine Textversion an:
- Schreibe ein Transkript des Audios
- Platziere dieses unter dem Video
- Gut für SEO und Zugänglichkeit
Verwandte Artikel
Hilfe benötigt?
Wir sind für dich da! Hast du Fragen oder stößt du auf Probleme? Unser Support-Team hilft dir gerne persönlich weiter. Schicke uns eine Nachricht über das Ticketsystem – wir antworten normalerweise innerhalb weniger Stunden und denken gerne mit dir mit.
0 van 0 vonden dit nuttig
