Video in Umfrage Handy kompatibel

Question

Hallo zusammen,
ich habe folgendes als HTML-Code angegeben. Das Video wird am PC in Microsoft Edge vollkommen richtig angezeigt.

'

'

Leider gibt es Probleme bei der mobilen Variante auf dem IPhone (siehe Bild). Brauche dringend Hilfe!!

Comments

<video width="512" height="288" controls controlsList="nodownload">
  <source src="pro://Lidl_Weihnachten_Deluxe_TV_Spot_2018.mp4" type="video/ogg" />
  </video>

Answer 1

Danke für den verwendeten HTML-Code.

Im HTML-Code haben Sie für die Datei den falschen MIME-Type angegeben:

<source src="pro://Lidl_...mp4" type="video/ogg" />

Bei einer mp4-Datei müsste es heißen:

<source src="pro://Lidl_...mp4" type="video/mp4" />

Wenn es dann immer noch nicht funktioniert, kann das an einer fehlerhaften mp4-Datei liegen. Und zwar können sich hinter dem Dateiformat (Container) sehr unterschiedliche Kodierungen (Codecs) für Audio und Video verbergen.

Comments

Hat geklappt! Danke!

Answer 2

Versuchen Sie eine der beiden Möglichkeiten (oder beide :)) :

1: Versuchen Sie einmal das type- Attribut komplett weg zu lassen. Also:

<video id="video" width="512" height="288" controls controlsList="nodownload">
  <source src="pro://Lidl_Weihnachten_Deluxe_TV_Spot_2018.mp4" />
  </video>

1. Oder das Video wird erst per click gestartet. Benutzen sie dafür folgenden Code zusätzlich zum Video tag:

var video = document.getElementById('video');
video.addEventListener('click',function(){ video.play(); },false);

Hier können Sie nochmal alles im Detail nachlesen:
https://stackoverflow.com/questions/1711078/html5-video-element-on-android
https://www.broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/

Viele Grüße