Videoeinstellungen

Ausgewählte Links

1. Shopify-Dokumentation zum Theme-Editor
2. Shopify-Dokumentation zu Abschnitten und Blöcken
3. Company XYZ-Dokumentation zur Verwendung von Videos

Hilfreiche Videos

Shopify Academy-Video: Ihren Store anpassen

Shopify Academy-Video: Ihren Store anpassen

Verwenden Sie diese Einstellungen, um zu steuern, wie das Video im Theme angezeigt wird und abgespielt wird. Sie können die Quelle wählen, den sichtbaren Rahmen festlegen, die Anzeigebreite begrenzen und bestimmen, wie viel Wiedergabesteuerung Kundinnen und Kunden haben. Einen umfassenderen Überblick darüber, wo diese Steuerungen erscheinen, finden Sie in der Shopify-Dokumentation zum Theme-Editor

Videoquelle

Sie können entweder eine gehostete Videodatei oder einen Vimeo- oder YouTube-Link verwenden. Dadurch ist die Gruppe sowohl für direkte Uploads als auch für Videos geeignet, die bereits auf einem unterstützten Dienst veröffentlicht wurden. Wenn Ihr Video Teil eines Abschnitts ist, erklärt die Shopify-Dokumentation zu Abschnitten und Blöcken, wie Abschnittseinstellungen organisiert sind.

Wenn Sie eine Dienst-URL verwenden, geben Sie den Link zur Videoseite ein und nicht den Einbettungscode. Im Editor werden Änderungen am Video möglicherweise nicht sofort angezeigt, bis Sie speichern.

Optimieren Sie bei gehosteten Dateien Größe und Bitrate vor dem Upload, damit die Wiedergabe flüssig bleibt, insbesondere auf Mobilgeräten. Siehe Verwendung von Video.

Wählen Sie für jeden Videobereich eine vorgesehene Quelle und bestätigen Sie nach dem Speichern, dass sie korrekt angezeigt wird. Das hilft, Verwirrung während der Einrichtung zu vermeiden, wenn Sie verschiedene Videotypen testen.

Vorschaubild

Ein Vorschaubild dient vor Beginn der Wiedergabe als Vorschau. Es ist besonders nützlich für gehostete Videos, bei denen ein gutes Vorschaubild das Video ausgefeilter und bewusster wirken lassen kann.

Wählen Sie ein Bild mit einem Zuschnitt, der dem Video möglichst nahe kommt. Wenn der Zuschnitt stark abweicht, kann der Übergang zur Wiedergabe abrupt wirken.

Seitenverhältnis und mobiles Layout

Das Seitenverhältnis steuert die Form des Videorahmens. Das beeinflusst, wie viel Platz das Video einnimmt und wie konsistent es sich an den umgebenden Inhalt anpasst.

Verwenden Sie das Haupt-Seitenverhältnis für größere Bildschirme und legen Sie ein separates mobiles Seitenverhältnis nur fest, wenn kleinere Bildschirme eine andere Darstellung benötigen. Wenn Mobil auf Default gesetzt bleibt, wird das Haupt-Seitenverhältnis verwendet.

Die natürliche Größe funktioniert gut, wenn die ursprünglichen Videodimensionen bereits zu Ihrem Layout passen. Voreingestellte Seitenverhältnisse sind besser, wenn Sie ein einheitliches Erscheinungsbild über mehrere Videos hinweg wünschen oder wenn sich das Video sauber an nahegelegenen Bildern und Texten ausrichten soll.

Tipp

Verwenden Sie Hochformat- oder quadratische Formate für kompaktere, redaktionell wirkende Layouts. Verwenden Sie Breitbild- oder Ultrabreit-Formate, wenn das Video filmischer wirken oder ein breiteres Layout über die ganze Breite einnehmen soll.

Breite

Verwenden Sie die Einstellung für die maximale Breite, um ein Video in einem schmaleren Layout zu halten. Das ist hilfreich, wenn das Video sich am Textinhalt ausrichten soll, statt sich über den gesamten verfügbaren Platz zu erstrecken.

Eine Breite von 0 lässt das Video auf die volle verfügbare Breite wachsen. Das kann mehr visuelle Wirkung erzeugen, aber Video mit niedrigerer Auflösung kann auf großen Bildschirmen weicher erscheinen.

Wiedergabeverhalten

Autoplay startet das Video, wenn es in den sichtbaren Bereich gescrollt wird, und pausiert es, nachdem es aus dem sichtbaren Bereich gescrollt wurde. Das funktioniert am besten bei kurzen, visuellen Clips, die nahen Inhalt unterstützen, ohne zu viel Aufmerksamkeit zu verlangen.

Die Loop-Wiedergabe ist nützlich für bewegte Hintergründe, Clips mit Produktdetails und kurze wiederholte Demonstrationen. Bei längeren Videos oder Videos mit einem klaren Anfang und Ende kann Loop-Wiedergabe störend wirken.

Stummgeschaltete Wiedergabe ist in der Regel die sicherste Wahl, wenn Autoplay aktiviert ist. Sie sorgt für ein weniger störendes Erlebnis und vermeidet unerwarteten Ton.

Hinweis

Wenn das Video auf Erzählung oder gesprochene Details angewiesen ist, lassen Sie Kundinnen und Kunden die Wiedergabe selbst starten und halten Sie die Player-Steuerungen verfügbar.

Player-Steuerungen

Mit den Player-Steuerungen können Kundinnen und Kunden das Video direkt abspielen, pausieren und navigieren. Sichtbare Steuerungen zu belassen ist in der Regel die bessere Wahl, wenn das Video ein Produkt erklärt, einen Ablauf zeigt oder Details enthält, die sich Zuschauerinnen und Zuschauer möglicherweise erneut ansehen möchten.

Das Ausblenden der Steuerungen sorgt für eine klarere Darstellung, eignet sich aber am besten für kurze dekorative Clips, bei denen direkte Interaktion weniger wichtig ist.

Nutzungshinweise

1. Überprüfen Sie beide Viewport-Größen. Desktop- und mobile Einstellungen können unterschiedliche Layout-, Ausrichtungs-, Sichtbarkeits- oder Medienverhalten erzeugen. Prüfen Sie daher beide Ansichten, nachdem Sie Änderungen vorgenommen haben.
   1. Bestätigen Sie auf größeren Bildschirmen, dass das Video neben dem nahen Inhalt weiterhin ausgewogen wirkt.
   2. Prüfen Sie Mobil getrennt auf Zuschnittsänderungen, engere Abstände oder Steuerungen, die zu klein oder zu dominant wirken.
2. Behandeln Sie leere oder Standardwerte als Fallbacks. Wenn Sie eine Einstellung leer, transparent oder auf ihrem Standardwert belassen, bleibt in der Regel die umgebende Gestaltung erhalten.
   1. Verwenden Sie explizite Farben, Verläufe oder Medien-Overrides nur, wenn der Videobereich eigenständiger hervorstechen soll.
   2. Rechnen Sie damit, dass diese stärkeren Entscheidungen eine größere visuelle Wirkung auf den lokalen Bereich haben.
3. Prüfen Sie Medienauswahlen auf Lesbarkeit. Unterschiedliche Medienauswahlen können Zuschnitt, Ladeverhalten, Fallback und Textkontrast rund um das Video verändern.
   1. Seien Sie besonders vorsichtig, wenn Desktop- und Mobile-Medien separat festgelegt sind.
   2. Stellen Sie sicher, dass das Vorschaubild nahegelegenen Text und Schaltflächen weiterhin unterstützt.
4. Wählen Sie Wiedergabesteuerungen passend zum Inhalt. Verwenden Sie Player-Steuerungen, wenn Zuschauende Details erneut ansehen, pausieren oder prüfen müssen.
   1. Lassen Sie die Steuerungen bei produktbezogenem oder erklärendem Video verfügbar.
   2. Blenden Sie die Steuerungen nur aus, wenn der Clip kurz und dekorativ ist.