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