Warum werden einige MP4-Dateien nicht über HTML5 abgespielt?

Question

Es ist seltsam, einige MP4-Dateien werden in HTML5 wiedergegeben, andere nicht. Hier ist eine Testseite http://psdtucss.com/test/test2.html, öffnen Sie es in Chrome 19.0.1084.46 m. Das erste MP4 spielt, das andere nicht. Was ist der Grund. Der Code ist sehr einfach:

<h3>the first mp4 file can play</h3> 
<p><video width="640" height="264" controls="controls"><source src="1.mp4" type="video/mp4" />Your browser does not support the video tag.</video></p> 
<h3>but the other can't play</h3> 
<p><video width="640" height="264" controls="controls"><source src="2.mp4" type="video/mp4" />Your browser does not support the video tag.</video></p> 

Wie kann ich das beheben?

Ich versuchte Videojs, aber immer noch einige MP4-Dateien werden nicht abgespielt. Testseite ist hier: http://psdtucss.com/test/test.html

Answer 1

MP4 unterstützt mehrere Codecs. Einige Player unterstützen nicht alle Codecs (einige Codes erfordern eine Lizenzierung oder einige Codecs wurden nach dem Schreiben des Browsers veröffentlicht).

Answer 2

mp4 ist nur das Container Format. Es kann Video und Audio in verschiedenen Codecs enthalten. Spieler (einschließlich derjenigen in einem Browser) müssen das Containerformat und alle verwendeten Codecs unterstützen, um ein Video richtig abzuspielen.

Die Verwendung von VideoJS ist definitiv eine gute Idee, es behandelt eine Menge browserspezifischer Problemumgehungen für Sie.

---

Allerdings löst es kein Problem: Es gibt keinen einzigen Videocodec in allen Browsern unterstützt. (Siehe auch Wikipedia: HTML5 video: Browser_support)

Die praktische Lösung wahrscheinlich ist bieten zwei Versionen: h264 in einem MP4-Container und was ist in der Regel webm (VP8 Video und Vorbis Audio in einem bestimmten Matroska-Container) genannt. Mit diesen beiden decken Sie alle gängigen Browser ab.

---

Für die Videokonvertierung/-rekodierung stehen einige Tools und Dienste zur Verfügung. Ich habe keine Ahnung von Ihrem Betriebssystem oder Ihren Anforderungen. So wie eine wilde Vermutung:

Etwas, das ich früher ein Freund veröffentlichen ein paar Videos auf seinem kleinen Blog zu helfen, ist this shell script using ffmpeg für die Konvertierung. Es bleibt noch viel Verbesserungspotenzial (in Bezug auf Videoqualität, Leistung und Codierung), sollte aber gut genug sein, um loszulegen.

Answer 3

Das erste Video verwendet h264-Codierung, die von allem außer Firefox und Opera unterstützt wird. Das zweite Video verwendet den MPEG-4-Videocodec, der von Browsern nicht unterstützt wird. Die einzigen weit verbreiteten Video-Codecs sind Theora, H.264 und VP8.

MPEG-4 Part 2 Video-Codec unterscheidet sich von dem MPEG-4 Part 14 Containerformat

Answer 4

Ihr Video 1.MP4 codiert wird unter Verwendung von h.264 aber Video 2.mp4 nicht. erhalten MediaInfo, um darüber zu überprüfen.