Erfolgreich
Video
Zeigen Sie gehostete Videos, YouTube- oder Vimeo-Videos mit responsivem Layout und Wiedergabesteuerungen an.
Verwenden Sie diesen Block, um gehostete Videos, YouTube- oder Vimeo-Videos mit flexibler Steuerung von Layout, Wiedergabe, Untertiteln und Overlays hinzuzufügen. Er eignet sich für Produktdemos, Tutorials, Kampagnenmedien und Markengeschichten, bei denen die Präsentation auf Desktop und Mobilgeräten bewusst gestaltet wirken soll. Weitere Informationen dazu, wie Blöcke in Themes funktionieren, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken
Videoeinstellungen
Abschnitt betitelt „Videoeinstellungen“Dieser Block unterstützt entweder eine gehostete Videodatei oder eine URL zu einem Videodienst. Verwenden Sie für YouTube oder Vimeo den normalen Videolink statt Einbettungscode. Wenn Sie eine gehostete Datei hochladen, sorgt das Hinzufügen eines Vorschaubilds für ein saubereres erstes Bild des Videos vor dem Start der Wiedergabe.
Einstellungen zum Seitenverhältnis helfen Ihnen dabei, die Form des Videos geräteübergreifend zu steuern. Standard behält die natürlichen Proportionen des Mediums bei, während ein festes Verhältnis nützlich ist, wenn Sie eine sauberere Ausrichtung am umgebenden Inhalt oder ein einheitliches Erscheinungsbild über mehrere Video-Blöcke hinweg wünschen.
Die Maximalbreite steuert, wie breit das Video im verfügbaren Platz erscheinen kann. Ein Layout mit voller Breite eignet sich gut für immersive Medien, während eine schmalere Breite ausgewogener wirken kann, wenn das Video in der Nähe von Text oder anderem Inhalt steht.
Wiedergabeeinstellungen steuern, wie aktiv sich der Block auf der Seite anfühlt. Autoplay kann ein dynamischeres Erlebnis erzeugen, Looping eignet sich gut für kurze wiederholbare Clips, und Stummschaltung oder Player-Steuerungen beeinflussen, wie viel Kontrolle Besucher während der Wiedergabe haben.
Wenn Sie Autoplay aktivieren, lassen Sie das Video stummgeschaltet, damit das Erlebnis angenehmer ist. Autoplay mit Ton wirkt eher störend und verhält sich möglicherweise nicht auf allen Geräten konsistent.
Beschriftungseinstellungen
Abschnitt betitelt „Beschriftungseinstellungen“Verwenden Sie die Beschriftung, um oberhalb oder unterhalb des Videos Kontext hinzuzufügen, etwa eine kurze Erklärung, ein Produktdetail oder eine Kampagnenbotschaft. Das funktioniert am besten, wenn die Beschriftung das Medium unterstützt, statt nur das zu wiederholen, was Besucher bereits sehen können.
Die Position der Beschriftung hilft Ihnen zu entscheiden, ob der Text das Video vor der Wiedergabe einführen oder darunter als nachgelagerter Kontext dienen soll. Textausrichtung und -größe sollten zum umgebenden Inhalt passen, damit der Block integriert statt losgelöst wirkt.
Overlay-Einstellungen
Abschnitt betitelt „Overlay-Einstellungen“Overlay-Einstellungen legen eine Farbe oder einen Farbverlauf über den Video-Bereich. Das ist nützlich, wenn Sie eine markenkonformere Präsentation, stärkeren Kontrast für Symbole oder ein bewusster gestaltetes Erscheinungsbild im pausierten Zustand wünschen.
Die Deckkraft bestimmt, wie viel vom Video unter dem Overlay sichtbar bleibt. Geringere Deckkraft lässt das Medium stärker hervortreten, während höhere Deckkraft eine stärkere visuelle Gestaltung erzeugt.
Die Overlay-Variante steuert, wann das Overlay angezeigt wird. Ein immer sichtbares Overlay eignet sich am besten, wenn das Video Teil eines stark gestalteten Layouts ist, während das Anzeigen nur im pausierten Zustand die Wiedergabe klarer hält.
Wenn Sie Immer anzeigen wählen, werden die Steuerelemente des Videoplayers deaktiviert, selbst wenn die Steuerelemente an anderer Stelle im Block aktiviert sind.
Ausrichtungseinstellungen
Abschnitt betitelt „Ausrichtungseinstellungen“Diese Einstellungen steuern, wie der Block innerhalb des verfügbaren Platzes auf Desktop und Mobilgeräten positioniert wird. Sie sind nützlich, wenn das Video je nach Bildschirmgröße oder umgebendem Layout unterschiedlich ausgerichtet sein soll.
Eine getrennte Ausrichtung für Desktop und Mobilgeräte kann dazu beitragen, dass ein Block auf breiten Bildschirmen ausgewogen wirkt, ohne die gleiche Platzierung auf kleineren Geräten zu erzwingen.
Standard-Block-Einstellungen
Abschnitt betitelt „Standard-Block-Einstellungen“Farbeinstellungen
Abschnitt betitelt „Farbeinstellungen“Diese Einstellungen überschreiben die Standardfarben des Blocks für Elemente wie Rahmen, Symbole und Beschriftungstext. Verwenden Sie sie, wenn das Video stärkeren Kontrast oder eine engere Anpassung an eine bestimmte Kampagne oder Inhaltsfläche benötigt. Weitere Informationen finden Sie in der vom Inhalt bereitgestellten Referenz zu Farbeinstellungen.
Sichtbarkeitseinstellungen
Abschnitt betitelt „Sichtbarkeitseinstellungen“Mit Sichtbarkeitseinstellungen können Sie den Block auf Desktop oder Mobilgeräten ausblenden. Das ist hilfreich, wenn Sie für verschiedene Bildschirmgrößen unterschiedliche Medienwirkungen wünschen, etwa ein breites Video auf Desktop und eine einfachere Alternative auf Mobilgeräten. Weitere Informationen finden Sie in der vom Inhalt bereitgestellten Referenz zu Sichtbarkeitseinstellungen.
Editor-Einstellungen
Abschnitt betitelt „Editor-Einstellungen“Editor-Einstellungen wirken sich nur darauf aus, wie der Block in der Seitenleiste des Editors beschriftet wird. Ein benutzerdefinierter Editor-Titel ist nützlich, wenn Sie mehrere Video-Blöcke haben und sie schnell nach Platzierung oder Zweck unterscheiden möchten.
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Wählen Sie die richtige Quelle. Verwenden Sie eine gehostete Datei, wenn Sie die Präsentation genauer steuern möchten, oder einen YouTube- oder Vimeo-Link, wenn Sie das Video lieber über diesen Dienst verwalten.
- Passen Sie die Form an das Layout an. Verwenden Sie natürliche Proportionen für einfache Einbettungen und wechseln Sie zu festen Seitenverhältnissen, wenn Sie ein einheitlicheres Raster oder ein saubereres responsives Layout benötigen.
- Setzen Sie Overlays sparsam ein. Fügen Sie nur so viel Overlay-Farbe oder -Verlauf hinzu, wie nötig ist, um Branding oder Kontrast zu unterstützen, ohne das Video dunkel oder verdeckt wirken zu lassen.
- Halten Sie Beschriftungen fokussiert. Eine kurze Beschriftung ist am wirksamsten, wenn sie erklärt, warum das Video wichtig ist, oder die Besucher auf die zentrale Erkenntnis hinweist.
- Testen Sie auf Mobilgeräten. Videos mit voller Breite, Autoplay und große gehostete Dateien können auf kleineren Bildschirmen schwer wirken. Prüfen Sie den Block daher vor der Veröffentlichung auf Mobilgeräten.
- Prüfen Sie beide Ansichten. Desktop- und Mobilsteuerungen können Ausrichtung, Sichtbarkeit und Medienverhalten unterschiedlich beeinflussen. Bestätigen Sie daher beide Layouts, bevor Sie fertig sind.
- Verwenden Sie Überschreibungen bewusst. Leere Werte oder Standardwerte bewahren in der Regel die umliegende Fallback-Stilgebung, während explizite Farben, Farbverläufe oder getrennte Medienauswahlen für Desktop und Mobilgeräte den Block unabhängiger wirken lassen.
- Prüfen Sie das Commerce-Verhalten im Kontext. Wenn das Video mit Produkt- oder Warenkorbaktionen verknüpft ist, überprüfen Sie das ausgewählte Produkt, die Variante, die Menge und die Verfügbarkeit, damit die konfigurierten Aktionen zum Seitenstatus passen.