Таг video
Тагът video позволява да добавите видео в HTML страница.
С негова помощ също можете да управлявате това видео.
Пътят към видео файла се задава чрез
атрибут src или вложен таг source.
Ако искате да видите плейър за управление на възпроизвеждането
на видеото - трябва да добавите атрибут controls.
Без него няма да видите нищо - звук и изображение
при това също няма да има.
Понякога разполагането на видео на самия сайт не е
много удобно (например, вашият хостинг има
ограничение по размер на сайта). В този случай
видеото може да се качи в YouTube и да се свърже
с помощта на тага iframe.
Атрибути
| Атрибут | Описание |
|---|---|
src |
Посочва пътя към видео файла.
Но е по-добре за това да използвате таг source
(в този случай ще можете да зададете видеото в различни формати).
|
preload |
Използва се за зареждане на видео файла едновременно със зареждането на сайта страница.
Приемани стойности: none (да не се зарежда файла, по подразбиране),
metadata (зареди само служебна информация: продължителност на звучанието и така нататък),
auto (зареди видеото изцяло при зареждане на HTML страницата).
|
autoplay |
Звукът започва да свири веднага след зареждане на страницата,
като наличието на атрибут preload ще бъде игнорирано.
Атрибут без стойност. |
controls |
Добавя панел за управление към видеото.
Атрибут без стойност. По подразбиране (ако няма атрибута) панелът не се добавя. |
loop |
Повтаря аудиозаписа в "кръг":
след завършване тя ще започне да свири отново.
Атрибут без стойност. По подразбиране (ако няма атрибута) записът ще свири само 1 път.
|
poster |
Път към картинка, която ще се показва, докато видеото не е достъпно или не се възпроизвежда.
Ако атрибутът poster не е указан, браузърът ще се опита да покаже първия кадър на видеото.
|
height |
Атрибутът height задава височината на областта за възпроизвеждане на видеоклипа (в пиксели
или проценти).
Самото видео променя размерите си в по-голяма или по-малка страна, нагаждайки се към зададената височина,
но пропорциите му при това не се променят.
Стойност по подразбиране: височината се взема от параметрите на видеото, ако тази стойност не е достъпна, тогава стойността на атрибута height
се счита равна на височината на картинката от атрибута poster.
Ако и poster не е зададен - височината
се установява на 150 пиксела.
|
width |
Атрибутът width задава ширината на областта за възпроизвеждане на видеоклипа (в пиксели
или проценти).
Самото видео променя размерите си в по-голяма или по-малка страна, нагаждайки се към зададената ширина,
но пропорциите му при това не се променят.
Стойност по подразбиране: ширината се взема от параметрите на видеото, ако тази стойност не е достъпна, тогава стойността на атрибута width
се счита равна на ширината на картинката от атрибута poster.
Ако и poster не е зададен - ширината
се установява на 150 пиксела.
|
Пример . Плейър в страница на сайта
Нека добавим в страницата плейър с видео.
За тези браузъри, които не поддържат
таг video е оставен специален запис
за това:
<video src="moovie.mp4" controls>
Вашият браузър не поддържа video в HTML5.
</video>
Пример .
Нека за тага video
добавим таг source:
<video>
<source src="moovie.mp4" controls>
Вашият браузър не поддържа video в HTML5.
</video>
