Видео

Видео HTML5

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

Примечания

Изменять видео в проигрывателе в режиме on-line путем изменения значения атрибута src или свойства innerHTML для элемента <source> или <video>,к сожалению,не получится. С этой целью заключите проигрыватель (<video>) в контейнер <div>, чтобы потом менять содержимое (значение innerHTML) последнего. Разумеется, это выполняется с помощью соответствующего скрипта.