Homepage-Baukasten: Videos einfach einfügen

Im Homepage-Baukasten ein Video hochladen – eine Anleitung

Schritt 1: Navigieren Sie im Menüpunkt „Inhaltselemente -> Bilder und Videos“ zu Ihren Eigenen Dateien

Rufen Sie nach dem Login im Bearbeitungsmodus zunächst den Punkt „Inhaltselemente“ in der Navigationsleiste auf und wählen Sie dort die Option „Bilder und Videos“ an. Hier sehen Sie unter „Eigene Dateien“ alle Dateien, die Sie bisher selbst hochgeladen haben.  

Schritt 2: Laden Sie Ihre Videodatei über die sogenannte Dropzone in den Ordner 

Anschließend klicken Sie in der „Eigene Dateien“-Ansicht ganz rechts auf „Eigene Dateien verwalten“. Es öffnet sich ein Pop-up-Fenster im Vordergrund, in dem Sie auf der rechten Seite nochmal alle Dateien sehen. Dort können Sie diese verschieben oder löschen. Im linken unteren Bereich des Pop-ups sehen Sie die sogenannte Dropzone. Wenn Sie auf das große Box-Symbol klicken, erscheint ein Fenster, über das Sie Dateien von Ihrer eigenen Festplatte auswählen können. Achten Sie darauf, dass Ihre Dateien möglichst im mp4-Format vorliegen – das können die meisten Media-Player problemlos abspielen.

Schritt 3: Liegt die Datei in der Dropzone, starten Sie den Upload

Wenn Sie das richtige Video ausgewählt haben, klicken Sie auf „Öffnen“ – das Fenster schließt sich und Sie sehen, dass eine Datei in der Dropzone liegt. Wählen Sie nun den Start-Button mit dem Häkchen-Symbol, um den Upload zu starten. Je nach Größe des Videos kann dieser Vorgang ein paar Minuten dauern. Ist er abgeschlossen, sehen Sie das Video nun rechts in Ihrer Dateiansicht des Pop-ups.

Schritt 4: Platzieren Sie das erstellte Widget zu Ihrem Video, das Sie nun in Ihren Dateien finden, an der gewünschten Stelle auf Ihrer Site

Schritt 5: Das System braucht einige Minuten, um das Video zu konvertieren, ehe der Thumbnail zu sehen ist

Schließen Sie das Pop-up und navigieren Sie erneut zu dem Menüpunkt „Inhaltselemente -> Bilder und Videos -> Eigene Dateien“. Hier sehen Sie jetzt das Widget zu Ihrem hochgeladenen Video. Dieses können Sie nun per Drag and Drop in jedem widgetfähigen Bereich Ihrer Site platzieren – zum Beispiel im Content-Bereich einer Seite zwischen einzelnen Textabschnitten oder auch in der Sidebar. Zunächst erscheint ein kleines Textfeld, in dem „Converting video“ zu lesen ist und das den Fortschritt anzeigt. Ist der Prozess abgeschlossen, sehen Sie den Thumbnail, also das Vorschaubild Ihres Videos.

Schritt 6: Wenn das Vorschaubild zu sehen ist, klicken Sie auf das Einstellungssymbol und füllen Untertitel und Alternativtext aus

Wenn Sie mit der Maus über das Vorschaubild fahren, erscheinen drei Buttons: Hier können Sie das Widget löschen, in die Zwischenablage kopieren oder mit dem Klick auf das Einstellungsrädchen bearbeiten. Außerdem können Sie einen Untertitel für Ihr Video vergeben. Füllen Sie auch das Feld für den Alternativtext aus: Dieser wird nirgends angezeigt, spielt aber für Suchmaschinenoptimierung eine wichtige Rolle.

Den Homepage-Baukasten mit YouTube-Videos verknüpfen

Der Strato-Homepage-Baukasten stellt Widgets zur Einbindung von Vimeo- und YouTube-Videos zur Verfügung

Es gibt natürlich auch die Option, über den Homepage-Baukasten ein YouTube-Video einzubetten. Für diesen Zweck hält der Homepage-Baukasten von STRATO ein eigenes Widget bereit. Sie finden es ebenfalls im Menüpunkt „Inhaltselemente“ unter „Widgets“. Platzieren Sie das Widget per Drag and Drop an die gewünschte Stelle. Es erscheint zunächst ein Platzhalter mit dem YouTube-Logo und der Meldung, dass das Widget noch nicht konfiguriert wurde. Gleichzeitig öffnet sich ein Pop-up, in das Sie den YouTube-Link zu dem gewünschten Video kopieren können. Anschließend klicken Sie auf das Einstellungssymbol direkt neben dem Eingabefeld: So verbinden Sie das System mit der URL des Films und es erscheint ein kleines Vorschaubild des Videos im Pop-up. Klicken Sie danach auf „Anwenden“: Sie sehen sofort, dass das Video auf Ihrer Seite eingebunden wurde. Mit „OK“ schließen Sie das Pop-up wieder. Wenn Sie mit der Maus über das Vorschaubild des Videos fahren, erscheint rechts unten ein Pfeil. Dieser hilft Ihnen dabei, die Größe des Videofensters zu regulieren. Falls Sie kein YouTube-Video, sondern Video-Content von einer anderen Plattform wie Vimeo verwenden möchten, können Sie auf das Vimeo-Widget des Homepage-Baukastens zurückgreifen, das analog zum YouTube-Widget konfigurierbar ist.

Mit Homepage-Baukasten ein Video einfügen – die verschiedenen Optionen

• Sie wollen ein eigenes Video von Ihrer Festplatte in Ihre Baukasten-Website integrieren? Dazu laden Sie das Video zunächst gemäß unserer Anleitung in Ihren „Eigene Dateien“-Ordner.
• Das Widget, das Sie damit kreieren, können Sie im zweiten Schritt per Drag and Drop in den Text oder die Sidebar einfügen – per Klick auf das Einstellungssymbol versehen Sie das Vorschaubild mit Bildunterschrift und Alternativtext.
• Möchten Sie ein Video von einer Plattform wie YouTube oder Vimeo einbinden, stellt Ihnen der Homepage-Baukasten von STRATO zwei vorgefertigte Widgets zur Verfügung.
• Sie müssen lediglich das Widget an der gewünschten Stelle platzieren, den richtigen Link in das vorgesehene Feld kopieren und gegebenenfalls die Größe des Vorschaubildes anpassen.
• Tipp: Das Datei-Format .mp4 wird von den meisten Browsern problemlos angezeigt.