Урок с практикой по HTML (Онлайн курсы)
Выбрать другой урок из курса
Обсуждение
Теория урока

Видео в HTML5, элемент VIDEO

Видео в отличие от аудио более распространено. Flash был единственной нормальной технологией для воспроизведения видео, но HTML5 все поменял. Элемент video (именно он отвечает за отображение видео) очень похож на элемент audio. Он тоже имеет необязательные атрибуты loop, autoplay, preload. Теперь смотрим на пример первый, где показано, как добавить видео на HTML страницу при помощи элемента video.

Пример 1
<video src = "video.mp4" controls width = "440" height = "240"></video>
Про атрибуты loop, autoplay, preload читайте подробно здесь

Как и с аудио, лучше указывать несколько видео форматов (разумеется, загрузить придется все форматы). Дополнительно я здесь использовал атрибут poster – заставка видео (пока видео не запущено), указывается путь. Далее второй пример.

Пример 2
<video controls width = "440" height = "240" poster = "images.jpg">
<source src = "video.ogv" type = "video/ogg">
<source src = "video.mp4" type = "video/mp4">
</video>
<
×
>
Не публикуйте свой код прямо в комментариях. Во-первых, он плохо отображается. Во-вторых, он может содержать для кого-то «спойлеры», т.е. ответы на практику. Воспользуйтесь специальными сервисами: cssdeck.com или jsfiddle.net.
Комментарии, содержащие код (пару строк не считается), будут безжалостно удаляться.