Die stummgeschaltete automatische Wiedergabe von Videos wird von Chrome für Android ab Version 53 unterstützt. Die Wiedergabe eines Videoelements wird automatisch gestartet, sobald es sichtbar wird, wenn sowohl autoplay als auch muted festgelegt sind. Die Wiedergabe stummgeschalteter Videos kann pragmatisch mit play() initiiert werden. Bisher musste die Wiedergabe auf Mobilgeräten unabhängig vom Stummschaltungsstatus durch eine Nutzeraktion gestartet werden.
<video playsinline autoplay muted>
<source src="video.webm" type="video/webm" />
<source src="video.mp4" type="video/mp4" />
</video>
Hier finden Sie ein Beispiel. Die Wiedergabe des muted-Videos wird in Chrome 53 oder höher automatisch gestartet.
Außerdem kann die stummgeschaltete Wiedergabe jetzt mit der Methode play() gestartet werden. Bisher wurde die Wiedergabe mit play() nur gestartet, wenn sie durch eine Nutzeraktion wie einen Klick auf eine Schaltfläche ausgelöst wurde. Vergleichen Sie die folgenden beiden Demos auf Android – testen Sie sie in Chrome 53 und dann in einer älteren Version:
Wir empfehlen, nach Möglichkeit das Attribut autoplay zu verwenden und die Methode play() nur bei Bedarf.
Ein Video kann programmatisch als Reaktion auf eine Nutzeraktion wie ein click stummgeschaltet werden. Wenn Sie jedoch versuchen, ein Video programmatisch ohne Nutzeraktion stummzuschalten, wird die Wiedergabe pausiert.
Durch die muted autoplay-Änderung ist es auch möglich, play() mit einem video-Element zu verwenden, das nicht im DOM erstellt wurde, z. B. für die WebGL-Wiedergabe.
Die Methode play() gibt auch ein Promise zurück, mit dem geprüft werden kann, ob die stummgeschaltete programmatische Wiedergabe aktiviert ist. Ein Beispiel dafür finden Sie unter simpl.info/video/scripted.
Grund für die Änderung
Die automatische Wiedergabe wurde in früheren Versionen von Chrome für Android deaktiviert, da sie störend sein kann, viel Datenvolumen verbraucht und viele Nutzer sie nicht mögen.
Die Deaktivierung der automatischen Wiedergabe hatte den unbeabsichtigten Effekt, dass Entwickler auf Alternativen wie animierte GIFs sowie <canvas>- und <img>-Hacks zurückgriffen. Diese Techniken sind in Bezug auf Stromverbrauch, Leistung, Bandbreitenanforderungen, Datenkosten und Speichernutzung viel schlechter als optimierte Videos. Videos können eine höhere Qualität als animierte GIFs bieten und sind dabei deutlich besser komprimiert: im Durchschnitt etwa 10-mal und im besten Fall bis zu 100-mal. Die Videodecodierung in JavaScript ist möglich, aber sie verbraucht sehr viel Akkuleistung.
Vergleichen Sie die folgenden Beispiele. Das erste ist ein Video, das zweite ein animiertes GIF:
Sie sehen sich sehr ähnlich, aber das Video ist weniger als 200 KB groß und das animierte GIF hat eine Größe von über 900 KB.
Chrome und andere Browseranbieter gehen sehr sorgfältig mit der Bandbreite der Nutzer um. Für viele Nutzer in vielen Kontexten sind hohe Datenkosten oft ein größeres Hindernis für den Zugriff als eine schlechte Verbindung. Angesichts der Häufigkeit von Workarounds kann die stummgeschaltete automatische Wiedergabe nicht blockiert werden. Daher ist es das Beste, was die Plattform tun kann, gute APIs und Standardeinstellungen anzubieten.
Das Web wird immer stärker von Medien dominiert. Designer und Entwickler finden immer wieder neue und unvorhergesehene Möglichkeiten, Videos zu nutzen. Sie wünschen sich ein einheitliches Verhalten auf allen Plattformen, z. B. wenn sie Hintergrundvideos als Designelement verwenden. Die stummgeschaltete automatische Wiedergabe ermöglicht solche Funktionen sowohl auf Mobilgeräten als auch auf Computern.
Die Feinheiten
- Aus Sicht der Barrierefreiheit kann die automatische Wiedergabe besonders problematisch sein. In Chrome 53 und höher für Android gibt es eine Einstellung, mit der die automatische Wiedergabe vollständig deaktiviert werden kann: Wählen Sie in den Media-Einstellungen „Autoplay“ aus.
- Diese Änderung hat keine Auswirkungen auf das
audio-Element: Die automatische Wiedergabe ist in Chrome unter Android weiterhin deaktiviert, da die automatische Wiedergabe mit Stummschaltung für Audio nicht sinnvoll ist. - Wenn der Datensparmodus aktiviert ist, wird die Autoplay-Funktion nicht verwendet. Wenn der Datensparmodus aktiviert ist, ist die Autoplay-Funktion in den Media-Einstellungen deaktiviert.
- Die Autoplay-Funktion mit Stummschaltung funktioniert für alle sichtbaren Videoelemente in allen sichtbaren Dokumenten, iFrames oder anderen Elementen.
- Damit Sie das neue Verhalten nutzen können, müssen Sie sowohl
mutedals auchautoplayhinzufügen. Vergleichen Sie simpl.info/video mit simpl.info/video/muted.
Support
- Die stummgeschaltete automatische Wiedergabe wird von Safari unter iOS 10 und höher unterstützt.
- Die automatische Wiedergabe, ob stummgeschaltet oder nicht, wird auf Android bereits von Firefox und UC Browser unterstützt. Diese Browser blockieren keine Art der automatischen Wiedergabe.