Mit der SmartBox BG YouTube Video können Sie im Hintergrund Ihrer Website ein YouTube-Video hinzufügen. Sie können das Video über die gesamte Breite oder Höhe hinzufügen. Dieser Artikel beschreibt die Funktionen und die richtigen Einstellungen. Sie können die erforderliche .json-Datei von diesem Artikel herunterladen (siehe unten).
Hinweis: Diese SmartBox funktioniert auf Desktop-Versionen der Website. Mobile Geräte blockieren "Autoplay" - daher wird dieses Modul nicht für die Verwendung auf Mobilgeräten empfohlen.
So installieren Sie die SmartBox auf Ihrer Website
Öffnen Sie die Website.
Gehen Sie zu Einstellungen -> Design -> Smartboxes.
Klicken Sie auf "Import" (siehe Bild).
Klicken Sie auf "Choose File" und wählen Sie die SmartBox_BG YouTube-Videodatei (eine .json-Datei) aus. Sie können die erforderliche .json-Datei von diesem Artikel herunterladen (siehe unten).
Klicken Sie auf "Choose".
Und klicken Sie auf "Speichern und schließen".
Klicken Sie erneut auf "Speichern und schließen".
YouTube Hintergrundvideo SmartBox einfügen in Ihre Website
Gehen Sie zur Ihre Website und klicken Sie auf das "+" - Symbol an der Stelle, an der Sie das Video haben möchten. Wählen Sie SmartBox -> BG YouTube Video aus dem Menü.
Dann öffnet sich ein Menü, in dem Sie Ihre Einstellungen eingeben können.
Geben Sie den Link zum YouTube-Video in das Feld „Video code“ ein (im Bereich YouTube Video Background).
Sie finden den Code, wenn Sie in YouTube auf "teilen" oder “share” klicken. Gib nur den Code ein und lösche den Teil "https://www.youtube.com/watch?v=".
Volle Breite oder volle Höhe
Standardmäßig gelten die Einstellungen für das Hintergrundvideo für die volle Breite. Stellen Sie sicher, dass Sie der SmartBox weitere Elemente (z.B. Text oder Abständen) hinzufügen, um dem Video eine gewisse Höhe zu geben. Das Video wird dann im Hintergrund angezeigt.
Sie können das Video auch auf volle Höhe einstellen. Öffnen Sie dazu die SmartBox Einstellungen. Aktivieren Sie das Kontrollkästchen "Enable Fullheight" (im Bereich "Fullheight Settings"). Das Video wird dann über die gesamte Seitenhöhe angezeigt. Wenn Ihre Website über ein Menü im Header verfügt, und das Video ist das erste Element nach dem Header, dann müssen Sie eine Anpassung vornehmen: Fügen Sie eine Zahl in das Feld „Height Fix“ ein. Zum Beispiel 53. Die Anzahl entspricht der Anzahl der Pixel für die Headerhöhe.
Text ausrichten
Sie können der SmartBox ein Textelement hinzufügen, damit ein Text über dem Video angezeigt wird. Wenn Sie möchten, dass der Text vertikal zentriert wird, öffnen Sie die SmartBox Einstellungen und aktivieren Sie das Kontrollkästchen "Fullheight Vertical Center" (auch im Bereich "Fullheight Settings").
Maske aktivieren
Sie können eine Maske über das Video legen. Zum Beispiel, damit der Text besser lesbar ist. Gehen Sie dazu zu den SmartBox Einstellungen. Aktivieren Sie das Kontrollkästchen für "activate mask" im Bereich "Gradient Mask". Stellen Sie die Hintergrundfarbe für die Maske ein. Die HEX- und RGB-Nummern dienen zur Auswahl der Farbe. Das A ist ein Wert zwischen 0 und 1 und definiert die Transparenz der Maske. In der Regel liefert eine weiße transparente Maske mit kontrastfarbenem Text die besten Ergebnisse.
Versionsnummer
Oben links, direkt unter dem Text "Fullheight Settings", finden Sie die Versionsnummer der SmartBox. Diese Versionsnummer kann für die Kommunikation mit unserem Support oder Entwicklern hilfreich sein, da wir die SmartBox Optionen im Laufe der Zeit möglicherweise weiterentwickeln.