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