Video und Autoplay-Probleme

Warum das Video im ersten Tab nicht automatisch startet #

Firefox (und alle modernen Browser) blockieren Autoplay von Videos mit Ton, wenn keine direkte User-Interaktion (Klick, Scroll, Tap) auf der Seite stattgefunden hat.

Und im Fall deines Tabsliders kommt noch ein zweiter Faktor hinzu:

1. Das Video befindet sich in einem inaktiven Tab-Panel #

Der Elementor Tab-Container lädt zwar den HTML-Code des Videos,
aber der Browser „sieht“ das Element erst, wenn der Tab sichtbar wird (display: none → display: block).

Das hat zur Folge:

  • Der Autoplay-Trigger (z. B. autoplay, muted autoplay, play() via JS) feuert vor dem Sichtbarwerden → Firefox ignoriert das.
  • Erst wenn der Nutzer den Tab aktiv öffnet, gilt das Video als „interaktiv sichtbar“.

✅ Lösungen, die wirklich funktionieren #

Variante 1: Video stumm schalten #

Setze das Video auf muted (auch wenn es keinen Ton enthält) und aktiviere autoplay:

<video autoplay muted playsinline loop>
    <source src="dein-video.mp4" type="video/mp4">
</video>

Firefox erlaubt muted autoplay standardmäßig.
🔹 Wenn Elementor das Video-Widget nutzt, kannst du in den Einstellungen „Ton deaktivieren“ aktivieren – das bewirkt intern genau das.