Videoelement

Über das Video-Element

Im Gegensatz zu Version 6 kombiniert die neueste Version des Editors verschiedene Videoelemente, wie zum Beispiel YouTube und Vimeoin eine einzige Video Element.

Mit dieser aktualisierten Funktion können Benutzer Videos problemlos auf verschiedenen Seitentypen präsentieren und anpassen, um schnell die Aufmerksamkeit ihrer Kunden zu erregen.

Wie füge ich ein Videoelement hinzu?

Schritt 1: Öffnen Sie den Microsoft Store auf Ihrem Windows-PC GemPages-Editor und wählen Sie eine Seite zum Bearbeiten aus. Suchen Sie das Videoelement in der linken Seitenleiste im Abschnitt „Medien“ oder verwenden Sie die Suchleiste für den schnellen Zugriff.

Schritt 2: Ziehen Sie das Element per Drag & Drop an die gewünschte Position.

Wenn Sie auf das Videoelement klicken, werden dessen Konfigurationsoptionen in der linken Seitenleiste angezeigt. Diese Optionen werden in den folgenden Abschnitten erläutert.

Konfigurieren der Registerkarte „Einstellungen“

Die Einstellungen Mit der Registerkarte „Video“ haben Sie die volle Kontrolle darüber, wie Ihr Video auf Ihrer Seite angezeigt wird und sich verhält, einschließlich:

Video Quelle

• Typ: Wählen Sie Ihre Videoplattform: YouTube, Vimeoden Video-Hosting (Laden Sie Videos direkt auf Shopify hoch oder verwenden Sie externe Hosting-Links).
• Video Link: Fügen Sie die Video-URL oder den Hosting-Link ein.
• Vorschauansicht: Laden Sie ein benutzerdefiniertes Vorschaubild hoch, das vor der Wiedergabe des Videos angezeigt wird (besonders nützlich, wenn die automatische Wiedergabe deaktiviert ist).
• Video starten bei: Wählen Sie den Startpunkt für Ihr Video. 
• Video beenden bei: Wählen Sie den Endpunkt für Ihr Video.

Nachfolgend finden Sie eine Schritt-für-Schritt-Anleitung für Hochladen Ihres eigenen Videos auf Shopify Verwendung von Shopify CDN (Content Delivery Network) als Host.

Schritt 1:Gehen Sie auf Shopify Admin > Inhalt > Dateien.

Schritt 2:: Klicke auf das "Daten hochladen”-Button in der oberen rechten Ecke. Wenn Sie hier keine Dateien hochgeladen haben, wird die Schaltfläche „Daten hochladen“ wird in der Mitte des Bildschirms angezeigt.

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

Schritt 4:: Nach Abschluss des Uploads kopieren Sie die URL durch einen Klick auf das Kette icon.

Kehren Sie zum GemPages-Dashboard zurück und fügen Sie den kopierten Link in das Weblink-Feld ein.

Video konfigurieren

Steuern Sie, wie sich Ihr Video verhält, wenn es auf die Seite geladen wird:

• Steuerleiste: Aktivieren oder deaktivieren Sie die Steuerelemente des Videoplayers (Wiedergabe, Pause, Fortschrittsbalken usw.).
• Klingen: Ton standardmäßig ein-/ausschalten.
• Lazy load: Laden Sie das Video nur, wenn es sich im Ansichtsfenster befindet, um die Seitengeschwindigkeit zu verbessern.
• Autoplay: Das Video wird automatisch abgespielt, wenn die Seite geladen wird.
• Loop-Video: Wiederholen Sie das Video in einer Endlosschleife.

Hinweis:

• YouTube-Videos werden nicht automatisch abgespielt, wenn Lazy Load aktiviert ist.
• Bitte beachten Sie, dass in manchen Browsern Einschränkungen für die automatische Wiedergabe implementiert sind. In solchen Fällen wird Ihr Video wieder als Miniaturbild angezeigt und der Betrachter muss manuell auf „Wiedergeben“ klicken, um die Wiedergabe zu starten.
• Das Aktivieren des Tons für Ihr Video kann auch dazu führen, dass die automatische Wiedergabe deaktiviert wird.

Größe

Rahmen: Wählen Sie Ihr Video-Seitenverhältnis, einschließlich quadratisch, 3:2, 4:3, 16:9 und 21:9.

Shape

Gestalten Sie Ihren Videorahmen mit diesen Optionen:

• Rand: Fügen Sie einen Rahmen um Ihr Video hinzu. Farbe, Dickeund Strichstil (durchgezogen, gestrichelt, gepunktet).
• Ecke: Runden Sie die Kanten Ihres Videobildes ab, indem Sie die radiusSie können alle Ecken auf einmal oder einzeln ändern.
• Schatten: Fügen Sie einen Schatteneffekt für Tiefe oder Fokus hinzu. Konfigurieren Sie:
  • Typ: Innen, außen, zentriert, gerichtet
  • Anleitung : Stellen Sie den Winkel des Schattens ein (z. B. 45°)
  • Farbe,, Entfernung, Blurund Größe

Konfigurieren der Registerkarte „Erweitert“

Für erweiterte Anpassungen navigieren Sie bitte zu Erweitert und folgen Sie den Anweisungen in Dieser Artikel.

Häufig gestellte Fragen zum Videoelement

So fügen Sie ein Vturb-Video in GemPages hinzu

Sie können ein Vturb-Video in GemPages einbetten, indem Sie die Benutzerdefinierter Code Element.

Schritt 1: Holen Sie sich Ihren Vturb-Einbettungscode.

• Gehen Sie zu Ihrem Vturb-Dashboard
• Wählen Sie das Video aus, das Sie verwenden möchten.
• Klicken Sie auf Einbetten / Teilen
• Kopieren Sie die vollständiger Einbettungscode

Schritt 2: Benutzerdefiniertes Code-Element in GemPages hinzufügen

• Öffnen Sie Ihre Seite in GemPages-Editor
• Ziehen Sie die Benutzerdefinierter Code Element in Ihr Layout einfügen

• Wähle aus HTML/Liquid Tab

Schritt 3: Fügen Sie den Einbettungscode ein.

• Fügen Sie das ein vollständiger Vturb-Einbettungscode in das HTML/Liquid-Feld
• Klicken Sie auf Gespeichert und dann Veröffentlichen

Wichtig:

• Verwenden Sie immer die Der Einbettungscode wurde von Ihrem Vturb-Konto generiert.
• Die ID eines anderen Videos darf nicht wiederverwendet oder verändert werden.
• Stellen Sie sicher, dass das Video veröffentlicht und aktiv in Vturb