Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

88. Видео в 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>

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

Первое знакомство с PythonЗнакомство с Python
Обработка исключений (try/except) в PythonЗнакомство с Python
Работа с файлами в Python Знакомство с Python
Звук в HTML5, элемент AUDIOHTML5
Написание модулей в PythonЗнакомство с Python
Структуры данных в PythonЗнакомство с Python
Конкатенация и сортировка списков в PythonЗнакомство с Python
Универсальный тег в HTML форме - тег INPUTФормы
Свойство background для работы с фономЦвета и фон
<
×
>
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

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

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

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

Закрыть окно