Heim > Web-Frontend > H5-Tutorial > So lösen Sie das Problem, dass das Video-Tag in HTML5 keine Videos abspielen kann

So lösen Sie das Problem, dass das Video-Tag in HTML5 keine Videos abspielen kann

巴扎黑
Freigeben: 2018-05-15 10:31:35
Original
20108 Leute haben es durchsucht

Dieser Artikel stellt Ihnen vor allem vor, wie Sie das Problem lösen können, dass das Video-Tag in HTML5 MP4 nicht abspielen kann. Ich glaube, dass es einen gewissen Referenz- und Lernwert für alle Freunde haben wird Wer es braucht, kann folgen. Werfen wir gemeinsam einen Blick darauf.

Vorwort

Ich habe kürzlich ein Problem mit der Aufnahme einer 1.mp4-Datei auf meinem Mobiltelefon festgestellt und sie kann vom Mainstream normal abgespielt werden Browser. Die Verwendung der Format Factory zum Transkodieren der RMVB-Datei in 2.mp4 kann jedoch nicht abgespielt werden. Die Lösung wurde schließlich durch die Suche nach relevanten Informationen gefunden. Ich werde sie unten als Referenz und zum Studium weitergeben. Werfen wir einen Blick auf die detaillierte Einführung:

Problemanalyse

Vom Mobiltelefon aufgezeichnete Videoattribute:


Von Format Factory transkodierte Videoattribute:


Beseitigen Sie zunächst Codeprobleme, Pfadprobleme, Browser-Inkompatibilität usw. Die transkodierte Videokodierung ist mp4v, weshalb sie nicht einfach in die AVC-Kodierung (H264) konvertiert werden kann.

Überprüfen Sie die Dokumentation für die vom Video-Tag unterstützten Videoformate und Kodierungen:

  • MPEG4 = mit H.264-Videokodierung und AAC-Audio Kodierte MPEG4-Datei

  • WebM = WebM-Datei mit VP8-Videokodierung und Vorbis-Audiokodierung

  • Ogg = mit Theora-Videokodierung und Vorbis-Audiokodierung Ogg Dateien

Durch die oben genannten Informationen haben wir herausgefunden, dass es nur h264-codierte MP4-Videos (MPEG-LA-Unternehmen), VP8-codierte WebM-Format-Videos (Google-Unternehmen) und Theora- Codiertes Video im OGG-Format (iTouch-Entwicklung) kann das HTML5-Tag

Lösung

Das Video-Tag ermöglicht mehrere Quellelemente. Der Browser verwendet das erste. Erkennbares Format, das zur Lösung von Browserkompatibilitätsproblemen verwendet werden kann.

<video controls="controls" width="100%">
  <source src="1.mp4" type="video/mp4">
  <source src="1.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass das Video-Tag in HTML5 keine Videos abspielen kann. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage