Betten Sie ein benutzerdefiniertes Video auf Ihrer Seite ein

Zusätzlich zur Einbindung von YouTube- und Vimeo-Inhalten ermöglicht GemPages Ihnen die Verwendung von benutzerdefiniertem Code zum Hinzufügen von Medien aus anderen Hosting-Diensten.

Laden Sie Ihr Video auf einen Hosting-Server hoch

In diesem Fall verwenden wir Shopify CDN (Content Delivery Network) als Host.

Schritt 1:Gehen Sie auf Shopify-Administrator > Inhalt > Mappen.

Schritt 2:: Klicke auf das "Daten hochladen“ Schaltfläche in der oberen rechten Ecke. 

Schritt 3:: Wählen Sie die Datei aus, die von Ihrem Gerät hochgeladen werden soll.

Schritt 4:: Nachdem der Upload abgeschlossen ist, kopieren Sie die URL durch einen Klick auf das Kette klicken.

Betten Sie das Video auf Ihrer Seite ein

Ab diesem Punkt können die Schritte je nach der jeweiligen Version des GemPages-Editor Sie verwenden. Suchen Sie bitte die Anweisungen, die Ihrer Version entsprechen, und führen Sie die folgenden Schritte entsprechend aus.

Version 6

Schritt 1:: In dem GemPages Dashboard, klicken Sie auf die gewünschte Seite und geben Sie den Herausgeber.

Schritt 2:: Suche nach Flüssigkeit Element, um es per Drag & Drop auf Ihre Seite zu ziehen.

Schritt 3:: Klicken Sie mit der rechten Maustaste auf Flüssigkeit Element und wählen Sie „Code bearbeiten".

Schritt 4:: Wählen Sie eine Option zum Kopieren und Einfügen des Codes in das Code-Editor-Fenster.

Autoplay mit Navigationssteuerung:

<video poster="" loop="" muted="" playsinline="" controls="" autoplay="" src="ABCDEF" width="100%"></video>

Autoplay ohne Navigationssteuerung:

<video poster="" loop="" muted="" playsinline="" autoplay="" src="ABCDEF" width="100%"></video>

Kein Autoplay, keine Schleife und mit Navigationssteuerung:

<video poster="YYYYY" controls="" playsinline="" src="ABCDEF" width="100%"></video>

Ersetzen Sie ABCDEF durch die URL, die Sie vom Hosting-Server kopiert haben.

Für die dritte Option können Sie, da die Datei nicht automatisch abgespielt wird, ein Miniaturbild dafür einrichten. Ersetzen Sie dazu JJJJJ mit der URL Ihres Bildes.

Schritt 5:: Schlag "Gespeichert“ und beenden Sie den Code-Editor.

Schritt 6:: Schlag "Gespeichert" und "Veröffentlichen".

Version 7

Schritt 1:: Von der GemPages Dashboard > Seiten, suchen Sie die Zielseite, um den Editor zu öffnen.

Schritt 2:: Eingeben benutzerdefinierten Code in die Suchleiste in der linken Seitenleiste und ziehen Sie es dann per Drag & Drop an die gewünschte Stelle. 

Schritt 3:: Suchen Sie das Element, um die Einstellungen Von hier aus können Sie unter der Benutzerdefinierter Code Klicken Sie im Abschnitt „Code hinzufügen“, um das Codefenster zu öffnen.

Schritt 4: Fügen Sie im Code-Panel den folgenden Code in das HTML/Liquid Tab.

• Autoplay mit Navigationssteuerung:

<video poster="" loop="" muted="" playsinline="" controls="" autoplay="" src="ABCDEF" width="100%"></video>

• Autoplay ohne Navigationssteuerung:

<video poster="" loop="" muted="" playsinline="" autoplay="" src="ABCDEF" width="100%"></video>

• Kein Autoplay, keine Schleife und mit Navigationssteuerung:

<video poster="YYYYY" controls="" playsinline="" src="ABCDEF" width="100%"></video>

Ersetzen Sie ABCDEF durch die URL, die Sie vom Hosting-Server kopiert haben.

Für die dritte Option können Sie, da die Datei nicht automatisch abgespielt wird, ein Miniaturbild dafür einrichten. Ersetzen Sie dazu JJJJJ mit der URL Ihres Bildes.

Schritt 5:: Wenn Sie fertig sind, drücken Sie die Gespeichert Schaltfläche, um Ihre Änderungen zu speichern und das Codefenster zu schließen.

Schritt 6: Speichern und veröffentlichen Sie Ihre Seite erneut, um Ihre Änderungen im Schaufenster sichtbar zu machen.

Weitere Anleitungen zur Beherrschung von GemPages finden Sie werden auf dieser Seite erläutert.