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>
Похожие уроки и записи блога
- Добавьте путь к видео, которое добавлено на страницу. Путь этот:
/src/vidosiki/html.mp4
Например,<video src = "/src/course.avi"></video>
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.
Это займет не больше минуты.