Видео

Видео HTML5

Новейшие браузеры поддерживают воспроизведение потокового видео, встраиваемого в Web-страницу посредством тегов HTML5 <video> и <source>, при этом не требуется использовать плагины других производителей, такие как Adobe Flash. В настоящее время таким способом можно встраивать видео следующих форматов (название формата видеокодек/aудиокодек): Ogg Theora/Vorbis, MP4 H.264/AAC и WebM/VP8/Vorbis; расширения имен видеофайлов обычно — ogv (или ogg), mp4 и webm соответственно. Однако различные браузеры поддерживают различные форматы и никакой из них не поддерживает все форматы одновременно.

В следующей таблице указана поддержка форматов видео для HTML5 ведущими браузерами:

БраузерыOgg Theora/VorbisMP4 H.264/AACWebM VP8/Vorbis
IE 8---
IE 9+-++
Firefox 21++++
Chrome+++
Opera+-+
Safari-+-

Вот пример встраивания HTML5 видео с помощью тегов <video> и <source>:
<video controls="controls" autoplay="autoplay">
  <source src="myvideo.ogv" type="video/ogg" />
  <source src="myvideo.mp4" type="video/mp4" />
  <source src="myvideo.webm" type="video/webm" />
</video>
Для обеспечения воспроизведения во всех браузерах, поддерживающих HTML5 видео, приходится применять несколько тегов <source> внутри контейнера <video> (чтобы указать файлы с видео в различных форматах). Об атрибутах данных тегов см., например, http://en.wikipedia.org/wiki/HTML5_video

На данной странице в качестве примера показан маленький видеоролик в файлах форматов Ogg (ogv) и H.264 (mp4). Первый воспроизводится в Firefox, Chrome и Opera, а второй — в IE9 и Safari.

Примечания