Видео в 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>
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!