Jakie formaty plików wideo są obsługiwane w HTML5?

HTML5 oficjalnie obsługuje trzy główne formaty plików wideo:

• MP4 (MPEG-4 Part 14)
  • Kodeki: H.264 (wideo), AAC (dźwięk)
  • Szeroko kompatybilny z większością urządzeń i przeglądarek dzięki obsłudze sprzętowej dekodowania H.264.
• WebM
  • Kodeki: VP8, VP9 (wideo), Vorbis, Opus (dźwięk)
  • Otwarte formaty opracowane przez Google. Dobry do streamingu. Obsługiwany przez większość nowoczesnych przeglądarek.
• Ogg (Theora)
  • Kodeki: Theora (wideo), Vorbis (dźwięk)
  • Stary format, nie tak szeroko obsługiwany jak MP4 i WebM, ale nadal wspomniany w specyfikacji HTML5.

Aby zapewnić maksymalną kompatybilność, zaleca się używanie elementu <video> z wieloma <source>, dostarczając wideo w różnych formatach:

<video controls width="640" height="360">
  <source src="myvideo.mp4" type="video/mp4">
  <source src="myvideo.webm" type="video/webm">
  <source src="myvideo.ogg" type="video/ogg">
  Twój przeglądarka nie obsługuje odtwarzania wideo.
</video>

Przeglądarka kolejno sprawdza elementy <source> i wybiera pierwszy format, który może odtworzyć. Tekst wewnątrz <video> jest wyświetlany, jeśli żaden format nie jest obsługiwany.

Wsparcie może się nieznacznie różnić w zależności od wersji przeglądarki i systemu operacyjnego.