Beeinflusst das Bestellen und falsche einzelne Quellformate die Wiedergabe von HTML5-Videos auf iOS-Safari?

Question

Ist die Reihenfolge der Quellformate in HMTL5-Videos relevant? Wenn eines der Formate inkorrekt ist, werden nicht alle Browser nur das eine finden, das sie mögen, und diejenigen, die schlecht sind, ignorieren?

Ich kann nicht verstehen, warum der folgende Code auf nicht iOS4.2 Safari funktionieren:

<video id="myVideo" poster="/images/01.png" width="600" height="400" > 
<source src="/uploads/12373/6/oceans-clip.mp4" type="video/mp4" /> 
<source src="/uploads/12373/6/oceans-clip.webM" type="video/webM" /> 
<source src="/uploads/12373/6/oceans-clip.ogv" type="video/ogg" /> 
<p>Your browser does not support the video tag.</p> 
</video> 

<div class="control"> 
<a href="#" class="btnPlay">Play/Pause</a> 
</div> 

Auf meinem iPhone in Safari, das Spiel Pause-Taste funktioniert gut und es scheint, das Video zu laden, aber dann bekomme ich ein Popup-Fenster mit dem Hinweis "Film kann nicht abgespielt werden". Die einzigen Dinge, die ich mir vorstellen kann, sind, dass die .webM-Datei nicht wirklich existiert (was wahr ist, tut es nicht, obwohl die anderen das tun) oder dass ich die .ogv vor der .webM spezifizieren muss.

Answer 1

Von dem, was ich verstehe, versucht der Browser die Quellen in Reihenfolge, so würde Ihr Beispiel mp4 zuerst versuchen, sie .webM und schließlich die .ogv-Datei.

Wenn die WebM-Datei nicht existiert, dann ist das Ihr Problem. Der Browser ist mit dem WebM-Format kompatibel, versucht, die Datei abzurufen, und erhält dann einen 404-Fehler. Ich glaube nicht, dass (irgendwelche) Browser versuchen, das nächste Videoformat in den Quellen zu laden, wenn es bereits kompatibel ist.

Aber wenn das nicht der Fall ist, können Sie eine Quelle nach der anderen versuchen und die Ergebnisse beobachten.