Используя возможности HTML5 Вы можете встраивать видео файлы в Ваши веб-страницы.

HTML5 Видео

Одна минута видео иногда может рассказать пользователям больше, чем десятки страниц текста.

HTML5 вводит специальный тэг <video> позволяющий встраивать в веб-страницы видео файлы.

Обратите внимание: поддержку видео имеют браузеры: Internet Explorer 9+, Opera 10.50+, Firefox 3.5+, Chrome 3.0+, Safari 3.1+.

Атрибут src тэга <video> позволяет указать путь к видео файлу, который будет воспроизведен.

Атрибут controls отображает в плеере кнопки управления видео, a атрибуты height (высота) и width (ширина) задают размеры плеера.

<video src="mountvideo.ogv" width='300' height='200' controls='controls'></video>

Видео из предыдущего примера будет нормально проигрываться только в браузерах Opera, Firefox и Chrome. Это происходит из-за того, что в данный момент разные браузеры поддерживают разные форматы.

Opera и Firefox поддерживают формат Ogg (с видео кодеком Theora и аудио кодеком Vorbis) и WebM (с видео кодеком VP8 и аудио кодеком Vorbis), а Internet Explorer и Safari поддерживают MPEG4 (с видео кодеком H.264 и аудио кодеком AAC). Браузер Chrome имеет поддержку всех перечисленных форматов.

Таким образом для того, чтобы видео нормально воспроизводилось во всех браузерах необходимо добавить источники в формате Ogg и MPEG4 (или WebM и MPEG4).

С помощью тэга <source> Вы можете предоставить несколько источников видео в разных форматах для воспроизведения. Браузер будет использовать первый поддерживаемый им формат.

<video width="300" height="200" controls="controls">
<source src="mountvideo.ogv" type="video/ogg" />
<source src="mountvideo.mp4" type="video/mp4" />
<source src="mountvideo.webm" type="video/webm" />
</video> 

Обратите внимание: с помощью атрибута type Вы должны указать mime-тип видео файла. Видео в формате ogg должно иметь тип 'video/ogg', mp4 - 'video/mp4', а webm - 'video/webm'.

Поддержка старых браузеров

Текст помещенный в содержимое элемента video будет отображен в случае если браузер пользователя не поддерживает тэг видео.

<video src='mountvideo.ogv' width="300" height="200" controls="controls">Ваш браузер 
не поддерживает элемент video.</video> 

Конвертация видео в форматы поддерживаемые HTML5

Для быстрой конвертации видео в необходимые форматы (Ogg, MPEG4 и WebM) мы можем порекомендовать бесплатную программу Miro Video Converter.