Войти
s-lub » Учебники » HTML 5 » Воспроизведение видео файлов в HTML 5

Воспроизведение видео файлов в HTML 5

Воспроизведение видео файлов в HTML 5

В этой статье мы кратко расскажем о новом элементе в HTML 5 <video>, этот элемент как понятно уже по названию позволяет воспроизводить на сайте видеофайлы без дополнительных плагинов и расширений браузеров.

Пример:

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

Из примера видно, что атрибут src указывает адрес расположения видеофайла, а width и height устанавливают ширину и высоту окна в котором будет воспроизводиться видеофаил.

Source

- source – как и с аудифайлами указывает поочерёдность воспроизведения, если один из форматов будет нечитаемым, то браузер сразу перейдёт к следующему файлу.

Пример:

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

Стоит отметить, что в отличии от аудиоформатов при добавлении видео в атрибуте type необходимо указывать что воспроизводиться будет именно видео type="video/mp4", ну на примере это хорошо видно.

Вроде с видео файлами разобрались, стоит только отметить что устаревшие браузеры, такие как : Internet Explorer 6-8, Opera до 10 версии и подобных воспроизведение видео файлов не предусмотрено, но ими уже мало кто пользуется.


Все статьи по теме HTML 5:

- HTML 5 Введение
- Устаревшие теги и атрибуты HTML 5
- Нововведения в структуру документа HTML 5
- Глобальные атрибуты в HTML 5
- Формы HTML 5
- Воспроизведение аудио файлов в HTML 5
- Воспроизведение видео файлов в HTML 5
- Web worker
- Геолокация в HTML 5
- Drag and Drop
- Кэширование страниц
- Макет шаблона HTML 5 с пояснениями
- Справочник тегов HTML 5

Canvas:

- Canvas вступление
- Применение стилей в canvas
- Оформление текста и изображений в canvas