Autoplay auf Mobilgeräten ist stummgeschaltet. Canvas-Hacks und animierte GIFs gehören damit der Vergangenheit an.

Die stummgeschaltete Autoplay-Funktion für Videos wird von Chrome für Android ab Version 53 unterstützt. Die Wiedergabe eines Videoelements startet automatisch, sobald es sichtbar ist, wenn sowohl autoplay als auch muted festgelegt sind. Die Wiedergabe stummgeschalteter Videos kann pragmatisch mit play() gestartet werden. Bisher musste die Wiedergabe auf Mobilgeräten durch eine Nutzergeste eingeleitet werden, unabhängig davon, ob der Ton stummgeschaltet war.

<video autoplay muted>
    <source src="video.webm" type="video/webm" />
    <source src="video.mp4" type="video/mp4" />
</video>

Sie können sich dies in diesem Beispiel in Aktion ansehen. Die Wiedergabe des Videos von muted startet in Chrome 53 oder höher automatisch.

Screenshot des Videoplayers

Außerdem kann jetzt die stummgeschaltete Wiedergabe mit der play()-Methode eingeleitet werden. Bisher hat play() die Wiedergabe nur gestartet, wenn sie durch eine Nutzergeste ausgelöst wurde, z. B. durch einen Klick auf eine Schaltfläche. Vergleichen Sie die folgenden beiden Demos für Android – probieren Sie sie mit Chrome 53 und dann mit einer älteren Version aus:

Wir empfehlen, nach Möglichkeit das Attribut autoplay und nur dann die Methode play() zu verwenden, wenn dies erforderlich ist.

Es ist möglich, die Stummschaltung eines Videos als Reaktion auf eine Nutzergeste wie click programmatisch aufzuheben. Wenn Sie die Stummschaltung eines Videos jedoch programmatisch ohne eine Nutzergeste aufheben, wird die Wiedergabe pausiert.

Durch die Änderung von muted autoplay wird es auch möglich, play() mit einem video-Element zu verwenden, das nicht im DOM erstellt wurde, beispielsweise um die WebGL-Wiedergabe zu fördern.

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.

Was ist der Grund für die Änderung?

Autoplay wurde in früheren Versionen von Chrome für Android deaktiviert, da es störend und datenhungrig sein kann und vielen Nutzern nicht gefällt.

Die Deaktivierung der Autoplay-Funktion hatte unbeabsichtigte Auswirkungen, sodass Entwickler zu Alternativen wie animierten GIFs sowie <canvas>- und <img>-Hacks gelangen. Diese Techniken sind im Hinblick auf Stromverbrauch, Leistung, Bandbreitenanforderungen, Datenkosten und Speichernutzung viel schlechter als optimierte Videos. Videos bieten eine höhere Qualität als animierte GIFs und haben eine viel bessere Komprimierung: durchschnittlich etwa 10-mal, maximal 100-mal. Die Videodecodierung in JavaScript ist möglich, belastet jedoch den Akku enorm.

Vergleichen Sie Folgendes – das erste ist ein Video und das zweite ein animiertes GIF:

Clipvideo wird wiedergegeben.

Sie sehen ziemlich ähnlich aus, aber das Video ist weniger als 200 KB groß und das animierte GIF ist über 900 KB groß.

Chrome und andere Browseranbieter sind im Hinblick auf die Bandbreite der Nutzer äußerst vorsichtig. Für viele Nutzer stellen hohe Datenkosten oft eine größere Hürde für den Zugriff dar als eine schlechte Konnektivität. Angesichts der Verbreitung von Behelfslösungen kann die stummgeschaltete Autoplay-Funktion nicht blockiert werden. Daher ist es für die Plattform am besten, gute APIs und Standardeinstellungen anzubieten.

Das Web ist immer mehr medienorientiert. Designschaffende und Entwickler finden immer wieder neue und unvorhergesehene Verwendungsmöglichkeiten für Videos. Sie wünschen sich ein einheitliches Verhalten auf verschiedenen Plattformen, z. B. wenn ein Hintergrundvideo als Designelement verwendet wird. Die stummgeschaltete Autoplay-Funktion ermöglicht solche Funktionen sowohl auf Mobilgeräten als auch auf Computern.

Die Feinheiten

  • Aus Sicht der Barrierefreiheit kann die Autoplay-Funktion besonders problematisch sein. Ab Chrome 53 gibt es unter Android eine Einstellung, mit der Autoplay vollständig deaktiviert werden kann. Wählen Sie dazu in den Medieneinstellungen die Option „Autoplay“ aus.
  • Diese Änderung hat keine Auswirkungen auf das audio-Element: Autoplay ist in Chrome auf Android-Geräten immer noch deaktiviert, da stummgeschaltetes Autoplay für Audio nicht sinnvoll ist.
  • Wenn der Datensparmodus aktiviert ist, gibt es keine Autoplay-Funktion. Bei aktiviertem Datensparmodus ist Autoplay in den Medieneinstellungen deaktiviert.
  • Die stummgeschaltete Autoplay-Funktion funktioniert für jedes sichtbare Videoelement in sichtbaren Dokumenten, iFrames usw.
  • Um das neue Verhalten nutzen zu können, müssen Sie sowohl muted als auch autoplay hinzufügen: Vergleichen Sie simpl.info/video mit simpl.info/video/muted.

Support

  • Die stummgeschaltete Autoplay-Funktion wird in Safari unter iOS 10 und höher unterstützt.
  • Autoplay, egal ob stummgeschaltet oder nicht, wird unter Android bereits von Firefox und dem UC-Browser unterstützt: Autoplay wird nicht blockiert.

Weitere Informationen