Videos einbinden

Wie man Videos auf einer Website mit der chocoBRAIN App einbindet

Das Einbinden von Videos auf einer Website ist eine hervorragende Möglichkeit, um Inhalte ansprechender und interaktiver zu gestalten. Mit der chocoBRAIN App lässt sich dieser Prozess einfach umsetzen. In diesem Artikel erklären wir, wie du mithilfe von verschiedenen Abschnitten Videos auf deiner Website einbauen kannst, welche Einstellungen dabei möglich sind und wie du den Einbettungsprozess am besten handhabst.

Schritt 1: Seite auswählen und Abschnitt hinzufügen

Um ein Video auf einer Seite deiner Website einzubinden, gehst du zunächst in die Seitenübersicht der chocoBRAIN App. Wähle die gewünschte Seite aus, auf der du ein Video hinzufügen möchtest. In unserem Beispiel haben wir einen Artikel ausgewählt, da Videos häufig in Artikelseiten eingebunden werden, um Inhalte zu vertiefen.

Nun fügst du einen neuen Abschnitt hinzu, der das Einbinden eines Videos ermöglicht. Dazu suchst du nach dem Begriff „Video“, woraufhin dir eine Liste der möglichen Abschnitte angezeigt wird, die Videos unterstützen. Die Funktionalität dieser Abschnitte ist zwar ähnlich, aber es gibt Unterschiede in Bezug auf Designoptionen und zusätzliche Einstellungen.

Schritt 2: Einen Video-Abschnitt auswählen

In diesem Beispiel wählen wir den Abschnitt Video-Text-Button-Vorschau-Bild. Nachdem der Abschnitt hinzugefügt wurde, siehst du eine Vorschau, in der bereits Platzhalter-Inhalte vorhanden sind. Diese Inhalte sind vorerst noch nicht veröffentlicht, sodass du den Abschnitt in Ruhe bearbeiten und anpassen kannst, bevor er live geht.

Schritt 3: Videoquelle und Video-ID angeben

Um das Video in den Abschnitt einzufügen, musst du zunächst die Videoquelle festlegen. Die chocoBRAIN App unterstützt verschiedene Plattformen wie YouTube, Vimeo und Loom. Für unser Beispiel wählen wir YouTube als Quelle aus.

Neben der Videoquelle ist es notwendig, die Video-ID des gewünschten Videos anzugeben. Diese ID ermöglicht es dem System, das spezifische Video zu identifizieren. Um die Video-ID bei YouTube zu finden, gehst du wie folgt vor:

1. Öffne das YouTube-Video, das du einbinden möchtest.
2. Klicke auf den Teilen-Button unter dem Video.
3. Kopiere den Link des Videos. Die Video-ID ist der Teil des Links, der nach dem letzten Slash (/) steht.

Beispiel-Link: https://youtu.be/abcdefghijk

In diesem Fall ist „abcdefghijk“ die Video-ID.

Füge die Video-ID im Bereich Design in der chocoBRAIN App ein und speichere deine Änderungen.

Schritt 4: Video-Vorschaubild festlegen

Nachdem du die Videoquelle und die Video-ID angegeben hast, kannst du noch ein Vorschaubild festlegen. Dies ist das Bild, das vor dem Start des Videos angezeigt wird. Das System wählt normalerweise automatisch ein Vorschaubild aus, aber du hast die Möglichkeit, ein individuelles Bild hochzuladen, falls dir der automatisch ausgewählte Bildausschnitt nicht zusagt. Zudem kannst du auch einen bestimmten Zeitpunkt im Video festlegen, von dem ein Vorschaubild generiert werden soll.

Schritt 5: Design-Einstellungen anpassen

Die chocoBRAIN App bietet dir vielfältige Design-Einstellungen, mit denen du das Erscheinungsbild des eingebetteten Videos anpassen kannst. Zu den Optionen gehören:

1. Breite und Position des Videos auf der Seite
2. Auswahl eines eigenen Vorschaubilds
3. Verwendung eines Videolinks anstelle einer Video-ID (falls gewünscht)

Diese Einstellungen ermöglichen dir, das Video nahtlos in das Layout deiner Website zu integrieren.

Schritt 6: Veröffentlichung und Test

Nachdem du alle gewünschten Einstellungen vorgenommen hast, kannst du den Abschnitt veröffentlichen. Um sicherzustellen, dass das Video korrekt eingebunden wurde, solltest du die Seite im Live-Modus testen. Scroll einfach zu dem Abschnitt, in dem das Video eingebettet ist, und überprüfe, ob es ordnungsgemäß geladen wird.

In unserem Beispiel ist das Video hinter einem Content-Management-System verborgen. Das bedeutet, dass Besucher zunächst die Verwendung von YouTube über die Datenschutzeinstellungen zulassen müssen, bevor das Video angezeigt wird. Sobald der YouTube-Dienst erlaubt wurde, erscheint das Video mit dem gewählten Vorschaubild und kann durch einen Klick auf Play abgespielt werden.

Fazit

Das Einbinden von Videos auf einer Website mit der chocoBRAIN App ist ein unkomplizierter Prozess, der durch die Integration verschiedener Plattformen wie YouTube und Vimeo besonders flexibel gestaltet ist. Mit den vielfältigen Design- und Anpassungsmöglichkeiten kannst du sicherstellen, dass Videos optimal in das Layout deiner Seite passen und ein attraktives Nutzererlebnis bieten.