Какие форматы видео поддерживаются html5?

Question

Я пытаюсь разработать простую веб-страницу со всеми недавно добавленными базовыми элементами HTML5. Работая с тегом video, я вижу, что некоторые форматы, такие как .avi, не поддерживаются.

Так есть ли список видеоформатов, поддерживаемых html5?

Даже если html5 поддерживает определенный формат, например WebM / ogg, достаточно ли безопасно предполагать, что используемый браузер будет способен отображать видео?

Answer 1

К сожалению, пока нет универсально поддерживаемого формата.Технически, HTML5 не поддерживает любые форматы видео, это сами браузеры, которые поддерживают определенные форматы видео.Это привело к гигантскому беспорядку.

Вы можете найти список совместимых форматов в Википедии .Исходя из этого, VP8 / WebM, вероятно, будет лучшим выбором, если вы хотите поддерживать только один формат.К счастью, тег <video> поддерживает запасные варианты, если для ваших целей возможно использование более одной кодировки, и в этом случае версия VP8 / WebM в сочетании с версией H.264 охватывает все основные браузеры.

Для нескольких версийтого же видео, вы можете использовать следующий код:

<video width="320" height="240">
  <source src="myvideo.mp4" type="video/mp4" />
  <source src="myvideo.ogv" type="video/ogg" />
  <source src="myvideo.webm" type="video/webm" />
  <p>Other backup content, eg. a flash version, should go here.</p>
</video>

Answer 2

Похоже, сегодня не существует единого формата видео, который поддерживается во всех браузерах с поддержкой HTML5.По сути, существует два формата, которые конкурируют за одно:

WebM - поддерживается Firefox, Opera, Chrome, IE9 (с плагином)

H.264 - поддерживается Safari и IE 9

Так что в то время, я думаю, вам, по сути, придется предоставить видео в двух форматах и ​​угадать браузер, чтобы обеспечить его правильным.