Die automatische Wiedergabe von Videos mit stummgeschaltetem Ton wird in Chrome für Android ab Version 53 unterstützt. Wenn sowohl autoplay als auch muted festgelegt sind, wird die Wiedergabe eines Videoelements automatisch gestartet, sobald es sichtbar wird. Die Wiedergabe stummgeschalteter Videos kann mit play() pragmatisch gestartet werden. Bisher musste die Wiedergabe auf Mobilgeräten unabhängig vom Stummschaltungsstatus durch eine Nutzergeste gestartet werden.
<video playsinline autoplay muted>
<source src="video.webm" type="video/webm" />
<source src="video.mp4" type="video/mp4" />
</video>
In diesem Beispiel können Sie sich das ansehen. Die Wiedergabe des muted-Videos wird in Chrome 53 oder höher automatisch gestartet.
Außerdem kann jetzt mit der Methode play() die stummgeschaltete Wiedergabe eingeleitet werden. Bisher wurde die Wiedergabe über play() nur gestartet, wenn eine Nutzergeste wie ein Klick auf eine Schaltfläche erfolgte. Vergleichen Sie die folgenden beiden Demos auf Android – testen Sie sie zuerst in Chrome 53 und dann in einer älteren Version:
Wir empfehlen, nach Möglichkeit das Attribut autoplay und nur bei Bedarf die Methode play() zu verwenden.
Es ist möglich, die Stummschaltung eines Videos programmatisch als Reaktion auf eine Nutzergeste wie click aufzuheben. Wenn Sie jedoch versuchen, die Stummschaltung eines Videos programmatisch ohne Nutzergeste aufzuheben, wird die Wiedergabe pausiert.
Durch die Änderung an muted autoplay können Sie play() auch mit einem video-Element verwenden, das nicht im DOM erstellt wurde, z. B. zur Steuerung der WebGL-Wiedergabe.
Die play()-Methode gibt auch ein Versprechen zurück, mit dem geprüft werden kann, ob die programmierte Wiedergabe mit stummgeschaltetem Ton aktiviert ist. Ein Beispiel dafür finden Sie unter simpl.info/video/scripted.
Was ist der Grund für diese Änderung?
In früheren Versionen von Chrome für Android wurde die automatische Wiedergabe deaktiviert, da sie störend und datenintensiv sein kann und vielen Nutzern nicht gefällt.
Die Deaktivierung der automatischen Wiedergabe hatte die unbeabsichtigte Folge, dass Entwickler zu Alternativen wie animierten GIFs sowie <canvas>- und <img>-Hacks übergingen. 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 wesentlich besser komprimiert: durchschnittlich etwa zehnmal und im besten Fall bis zu 100-mal. Die Videodekodierung in JavaScript ist möglich, führt aber zu einem enormen Akkuverbrauch.
Hier ein Vergleich: Das erste ist ein Video und das zweite ein animiertes GIF:
Sie sehen sich ziemlich ähnlich, aber das Video hat eine Größe von weniger als 200 KB und das animierte GIF über 900 KB.
Chrome und andere Browseranbieter sind äußerst vorsichtig, was die Nutzerbandbreite angeht. Für viele Nutzer in vielen Kontexten sind hohe Datenkosten oft eine größere Barriere für den Zugriff als eine schlechte Verbindung. Aufgrund der Vielzahl von Umgehungsmöglichkeiten kann die automatische Wiedergabe mit stummgeschaltetem Ton nicht blockiert werden. Daher ist es das Beste, was die Plattform tun kann, gute APIs und Standardeinstellungen anzubieten.
Das Web wird immer medienzentrierter. Designer und Entwickler finden immer wieder neue und unvorhergesehene Möglichkeiten, Video zu verwenden. Sie wünschen sich jedoch ein einheitliches Verhalten auf allen Plattformen, z. B. wenn Hintergrundvideos als Designelement verwendet werden. Diese Funktion ist sowohl auf Mobilgeräten als auch auf Computern verfügbar.
Die Feinheiten
- Aus Sicht der Barrierefreiheit kann die automatische Wiedergabe besonders problematisch sein. In Chrome 53 und höher für Android können Sie die automatische Wiedergabe vollständig deaktivieren. Wählen Sie dazu in den Medieneinstellungen die Option „Autoplay“ aus.
- Diese Änderung hat keine Auswirkungen auf das Element
audio: Die automatische Wiedergabe ist in Chrome für Android weiterhin deaktiviert, da eine stummgeschaltete automatische Wiedergabe bei Audioinhalten wenig Sinn macht. - Wenn der Datensparmodus aktiviert ist, ist die Autoplay-Funktion nicht verfügbar. Wenn der Datensparmodus aktiviert ist, wird die Autoplay-Funktion in den Medieneinstellungen deaktiviert.
- Die Funktion „Autoplay mit Stummschaltung“ funktioniert für alle sichtbaren Videoelemente in allen sichtbaren Dokumenten, z. B. in Iframes.
- Um das neue Verhalten zu nutzen, müssen Sie
mutedundautoplayhinzufügen. Vergleichen Sie dazu simpl.info/video mit simpl.info/video/muted.
Support
- Die Funktion „Automatisches Wiedergeben stummschalten“ wird von Safari unter iOS 10 und höher unterstützt.
- Autoplay wird unter Android bereits von Firefox und UC Browser unterstützt, egal ob stummgeschaltet oder nicht. Sie blockieren keinerlei Autoplay-Funktion.