Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

0 votes

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!!

in SoSci Survey (dt.) by s119185 (190 points)
<video width="512" height="288" controls controlsList="nodownload">
  <source src="pro://Lidl_Weihnachten_Deluxe_TV_Spot_2018.mp4" type="video/ogg" />
  </video>

2 Answers

+1 vote
 
Best answer

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.

by SoSci Survey (76.3k points)
selected by s119185
Hat geklappt! Danke!
0 votes

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

by s109993 (1.2k points)
...