Autoplay-Video

Webentwicklung
 
Ein Kunde würde gerne ein Video auf seiner Website eingebunden haben. Das sollte nach Möglichkeit automatisch starten und in Schleife laufen. Es sollte auch auf mobilen Endgeräten funktionieren.

Was nimmt man da am besten?
Link zu diesem Beitrag in die Zwischenablage kopieren
Mister Ad
Werbung
Schon mal bei Amazon geguckt? Vielleicht wirst du dort fuendig.

 
so weit ich weiss hat apple unterbunden, dass videos auf ihren devices automatisch starten

und dann richtet es sich auch etwas danach, welches cms seine seite hat D
Link zu diesem Beitrag in die Zwischenablage kopieren
MP4 ist der größte Nenner, webm der nächstgrößte.

HTML:
  1. <video autoplay="" loop="" muted="" playsinline="">
  2. <source src="video.mp4" type="video/mp4">
  3. <source src="video.webm" type="video/webm">
  4. <img src="standbild-falls-video-nicht-laedt.jpg">
  5. </video>
Quelltext in Zwischenablage kopieren

JavaScript:
  1. document.addEventListener('DOMContentLoaded', function(){
  2. $('video')[0].play();
  3. });
Quelltext in Zwischenablage kopieren

Das verhindert die meisten Probleme mit nicht automatisch startenden Videos. Wenn das Video Ton hat, wird der Autostart deutlich schwieriger, weil das inzwischen fast alle Browser unterbinden.
Link zu diesem Beitrag in die Zwischenablage kopieren
Habe das hier einmal eingefügt:

  1. <video autoplay="autoplay" loop="true">
  2. <source src="video.mp4" type="video/mp4">
  3. </video>
Quelltext in Zwischenablage kopieren

Auf dem iPhone wird mir nur das Vorschaubild angezeigt. CMS ist Wordpress.
Link zu diesem Beitrag in die Zwischenablage kopieren
Mobile Geräte haben Autoplay deaktviert. Aus guten Gründen.
Link zu diesem Beitrag in die Zwischenablage kopieren
#