Website-Icon Digital Native

Video im Chromium Browser automatisch abspielen lassen (Autoplay)

Alpha Channel Video ChromiumInnerhalb einer Webseite sollte eine Animation abgespielt werden, die in Form eines Videos mit Alpha-Kanal vorlag. Sah cool aus, funktionierte im Chromium Browser (Kundenvorgabe) aber nicht, da das Video nicht von selbst startete (Autoplay).

Seit September 2017 hat der Chromium Browser nämlich eine neue Autoplay Policy, die ein automatisches Starten nur dann erlaubt, wenn das Video komplett ohne Ton abläuft oder der User explizit dessen Start initiiert hat, z.B. durch einen Click.

Die Lösung unseres Problems fand sich also im „muted“ Attribut.

<video class="scale" id="myVideo" width="100%" height="auto" autoplay="" muted="" loop="" onclick="this.play()">
  <source src="content/video.webm" type="video/webm">
  Your browser does not support the video tag.
</video>
Die mobile Version verlassen