Video auf frontpage spielt keinen Ton

Deutsch Diskussion Technische Fragen & Antworten
1

Hallo

ich weiss nicht ob ich hier richtig bin, aber ein Versuch ist s ja wert :wink:

bei meinem Shopify Shop habe ich auf der Startseite über ein benutzerdefiniertes Liquid

ein schönes Video eingestellt. Das Video läuft flüssig und bereichert meine Seite.

Aber : der im Video enthaltene Ton fehlt mir.

Wie kann ich einen Ton abspielen ?

Weiss das jemand ?

Vielen Dank schon mal.

herzlichst

Herby

2

Hey @herby ,
Suche nach dem Video im Snippet und versuche es mal mit folgendem Code:

{{ media | external_video_tag: class: '', muted:false }}
{{ media | video_tag: class: '', image_size: image_size, loop: true, muted:false }}

Die “class” Attribute sollten natürlich mit deinem Video übereinstimmen.

3

Hey @herby

Entweder der Code den du dafür verwendet hast wäre hier hilfreich (oder wo du den code her hast), oder ein Link zu deinem Video (kannst du später wieder hier löschen) um das besser analysieren zu können

Apropos, normalerweise wird der Ton in Videos standardmäßig auf stumm geschaltet, um die Benutzerfreundlichkeit zu verbessern und automatisches Abspielen mit Ton in vielen Browsern zu vermeiden, da dies oft als störend empfunden wird.

Hoffe das hilft dir weiter - lass wissen falls nicht! :wink:

Habt ihr auch den Shop auf Ostern eingestellt das jetzt um die Ecke liegt? Warum nicht eine Ostereierjagd :hatching_chick: in das Shop einbauen, um deinen Kunden etwas Gamification und Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

4

Hallo Gabe,

vielen lieben Dank für Deine Hilfe.

Gerne hier der Link zum video https://cdn.shopify.com/videos/c/o/v/60f7794940e446e9a0d283baf6c5883c.mp4

einen link zur Shopseite - wie das video jetzt läuft : https://himmelsglanz.com/

und den Code :
video {
width:100%;
height: auto;
display: block;
margin: 0 auto;
}

vielen Dank schon mal

herzlichst

Herbert

5

Hey Herbert! @herby

Danke für den Code und da sehe ich die Eigenschaft muted, was bedeutet, dass der Ton standardmäßig stummgeschaltet ist. Um Ton in deinem Video abzuspielen, probier mal die muted-Eigenschaft zu entfernen.Der @_Marcel bietet auch in deren Code dieEigenschaft muted:false.

Beachte auch, dass das automatische Abspielen von Videos mit Ton auf einigen Browsern und Geräten eingeschränkt sein kann und das Autoplay mit Ton wird blockiert, wie bereits oben erwähnt, um das Nutzererlebnis zu verbessern und die Datennutzung für Nutzer mit begrenzten Datenplänen zu reduzieren.

In solchen Fällen kann es erforderlich sein, dass der Benutzer zuerst mit der Seite interagiert oder die Autoplay-Einstellungen in seinem Browser anpasst, bevor der Ton abgespielt wird.

Eine gute Praxis ist es, einen Steuerelement (Controls) für das Video hinzuzufügen, damit Benutzer die Wiedergabe, einschließlich des Tons, selbst steuern können. Dies kannst du tun, indem du die controls-Eigenschaft zum <video>-Tag hinzufügst:

Durch Hinzufügen von controls ermöglicht du den Nutzern, das Video zu pausieren, die Lautstärke anzupassen oder den Vollbildmodus zu aktivieren, was eine bessere Benutzererfahrung bietet und die Zugänglichkeit bzw. die Barrierefreiheiten deiner Website verbessert. Das und die UX ist nicht immer etwas was die meisten Shopinhaber besonders wichtig finden.

Hoffe das hilft dir weiter - lass wissen falls nicht! :wink: