Тег 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>
