Урок с практикой по 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>
<
×
>
Внимание! Впервые на этом сайте?

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Вы можете начать изучение прямо сейчас, кликнув на ссылки: HTML, CSS, JavaScript, C++, PHP, jQuery, Python, Bootstrap 3

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно