Hey @LonkyMusicStore
Danke für die Fragen und bei so einem Fall wäre ein befristeter Vorschaulink oder Link zu einem Beispiel sehr hilfreich das schneller zu analysieren.
Un dhat dir die Anleitung vom Enterprise Theme nicht weiterhelfen um Video mit Ton abzuspielen?
Das habe ich aber jetzt in meiner Enterprise Theme Testumgebung getestet und um ein Video auf deiner Startseite automatisch mit Ton abzuspielen, musst du zusätzliche Anpassungen im HTML-Code sowie in den Skripten vornehmen.
Da die meisten modernen Browser Autoplay von Videos mit Ton verhindern, gibt es einige Herausforderungen. Du könntest den Nutzern eine Möglichkeit bieten, den Ton zu aktivieren, indem du ihnen eine Schaltfläche anbietest, die den Ton einschaltet.
Hier ist ein Ansatz, um das Video automatisch abzuspielen und den Nutzern die Möglichkeit zu geben, den Ton zu aktivieren:
- HTML anpassen: Füge eine Schaltfläche zum Aktivieren des Tons hinzu.
- JavaScript hinzufügen: Automatisches Abspielen und Tonaktivierung mit JavaScript.
Hier ein Beispiel HTML um eine Schaltfläche für die Tonaktivierung hinzuzufügen:
## Video
Add text to a video to showcase a detail of your brand or product line.
JavaScript-Code
Füge den folgenden JavaScript-Code hinzu, um das Video automatisch abzuspielen und eine Möglichkeit zu bieten, den Ton zu aktivieren:
document.addEventListener('DOMContentLoaded', (event) => {
const iframe = document.querySelector('iframe');
const unmuteButton = document.getElementById('unmuteButton');
// Funktion zum Senden von Nachrichten an das iframe
function postMessageToIframe(command) {
iframe.contentWindow.postMessage(JSON.stringify(command), '*');
}
// Video automatisch abspielen
iframe.onload = function () {
postMessageToIframe({
event: 'command',
func: 'playVideo',
});
};
// Event-Listener für den "Ton einschalten"-Button
unmuteButton.addEventListener('click', () => {
postMessageToIframe({
event: 'command',
func: 'unMute',
});
});
});
Erklärung:1. HTML: Die id="unmuteButton" wird verwendet, um den Button im JavaScript-Code anzusprechen.
- JavaScript:
postMessageToIframe: Diese Funktion sendet Befehle an das YouTube-iframe.iframe.onload: Sobald das iframe geladen ist, wird das Video automatisch abgespielt.unmuteButton.addEventListener: Ein Klick-Event-Listener wird hinzugefügt, um den Ton des Videos zu aktivieren.
Oder ein JavaScript zur Tonaktivierung
document.addEventListener('DOMContentLoaded', (event) => {
const video = document.getElementById('backgroundVideo');
const unmuteButton = document.getElementById('unmuteButton');
unmuteButton.addEventListener('click', () => {
video.muted = false;
video.play(); // Stelle sicher, dass das Video nach dem Stummschalten abgespielt wird
});
});
Tipps:1. Dateigröße: Halte die Videodatei möglichst unter 3 MB, um schnellere Ladezeiten und eine bessere Leistung in mobilen Netzwerken zu gewährleisten.
- Videoqualität: Achte darauf, dass das Video im H.264-Format kodiert ist.
- Autoplay-Richtlinien: Überprüfe Googles Autoplay-Richtlinien, um zu verstehen, wie Browser Autoplay-Videos, insbesondere mit Ton, handhaben.
Hoffe das hilft dir weiter - bei weiteren Fragen kann ich gerne einen Experten empfehlen! 
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas 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.
