Automatisch startende Medien

Was wir prüfen

Wir laden die Startseite im Browser und sammeln alle <video>- und <audio>-Elemente sowie eingebettete YouTube- und Vimeo-Player. Dann schauen wir, was von selbst startet:

• Mit Ton: Ein Video oder Audio, das nach dem Laden läuft und nicht stummgeschaltet ist, oder ein YouTube- oder Vimeo-Player mit autoplay=1 ohne mute=1. Das ist eine Warnung.
• Stumm ohne Pause: Ein stummes Video, das automatisch läuft und keine Bedienelemente anzeigt, etwa ein Hintergrundvideo oder ein Vimeo-Player im Hintergrundmodus. Das ist ein Hinweis.

Medien, die erst auf Klick starten oder stumm mit Bedienelementen laufen, sind in Ordnung. Gibt es gar keine Medien, entfällt die Prüfung. Ob ein Video läuft und stumm ist, lesen wir im Browser ab, nicht aus den Attributen: So zählen auch Videos, die ein Skript startet. Der Browser startet ein Video ohne Klick nur stumm; ein autoplay ohne muted läuft also gar nicht erst los.

Warum das wichtig ist

Ein Video, das beim Öffnen der Seite loslegt, wirkt auf dem Bildschirm der Agentur lebendig. Bei Besuchern kommt es oft anders an:

• Ton ohne Vorwarnung erschreckt, blamiert im Grossraumbüro und im Zug und lässt viele Menschen die Seite sofort schliessen. Blinde Menschen hören ihre Vorlesesoftware nicht mehr und finden den Stopp-Knopf nicht, weil die Software übertönt wird. Darum verlangen die Richtlinien für Barrierefreiheit (WCAG 1.4.2), dass Ton, der länger als drei Sekunden läuft, sich stoppen lässt oder gar nicht von selbst beginnt.
• Bewegung, die nicht stoppt, ist für Menschen mit Aufmerksamkeitsstörungen, Legasthenie oder manchen Sehbehinderungen eine echte Hürde: Sie können den Text daneben nicht lesen. Die Richtlinien (WCAG 2.2.2) verlangen deshalb eine Möglichkeit, bewegte Inhalte anzuhalten.
• Daten und Akku: Ein Hintergrundvideo lädt auf dem Smartphone mehrere Megabyte, bevor die Seite nutzbar ist.

Stummes Autoplay mit Pause-Knopf ist ein guter Kompromiss. Ton gehört hinter einen Klick.

So behebst Du es

Eigene Videos

<video controls preload="metadata" poster="vorschau.jpg">
  <source src="film.mp4" type="video/mp4">
</video>

Für ein Hintergrundvideo: autoplay muted loop playsinline zusammen mit controls, oder ein eigener Pause-Knopf, der das Video mit video.pause() anhält. Das Attribut muted muss im HTML stehen, nicht nur per Skript gesetzt sein.

YouTube und Vimeo

Entferne autoplay=1 aus der Adresse des Players. Soll das Video trotzdem automatisch starten, ergänze bei YouTube mute=1, bei Vimeo muted=1, und lass die Bedienelemente eingeschaltet (controls=0 weglassen).

WordPress und Baukästen

Im Video-Block von WordPress und in den Video-Elementen von Elementor, Wix, Jimdo und Squarespace gibt es Schalter für «Autoplay», «Stumm» und «Steuerelemente anzeigen». Schalte Autoplay aus oder lass Stumm und Steuerelemente eingeschaltet.

So prüfst Du es selbst

Öffne die Startseite in einem neuen privaten Fenster mit eingeschaltetem Lautsprecher. Startet etwas, ohne dass Du geklickt hast? Findest Du innert drei Sekunden einen Knopf, um es anzuhalten?

Häufige Fragen

Ein Hintergrundvideo ist stumm. Ist das in Ordnung?

Ja, wenn es sich anhalten lässt. Ein kleiner Pause-Knopf in einer Ecke genügt. Ohne ihn geben wir einen Hinweis, denn Bewegung, die nicht stoppt, lenkt viele Menschen vom Lesen ab.

Browser blockieren Ton ohne Klick doch sowieso?

Meist, aber nicht immer: Chrome erlaubt Ton auf Websites, die jemand oft besucht, und Apps mit eingebettetem Browser halten sich nicht an die Regel. Verlass Dich nicht darauf, und plane den Start auf Klick ein.

Was bedeutet das für Video-Plugins?

Die meisten Plugins und Baukästen haben die Optionen «Autoplay» und «Stummschalten». Schalte Autoplay aus, oder lass Stummschaltung und Bedienelemente eingeschaltet.