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

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

<video src = "video.mp4" controls width = "440" height = "240"></video>

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

<video controls width = "440" height = "240" poster = "images.jpg">
    <source src = "video.ogv" type = "video/ogg">
    <source src = "video.mp4" type = "video/mp4">
</video>

Похожие уроки и записи блога

1. Добавьте путь к видео, которое добавлено на страницу. Путь этот: /src/vidosiki/html.mp4
   
   Например, <video src = "/src/course.avi"></video>

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.