Тэг video
Тэг video дазваляе дадаць відэа на HTML старонку.
З яго дапамогай таксама можна кіраваць гэтым відэа.
Шлях да файлу відэа задаецца праз
атрыбут src альбо ўкладзены тэг source.
Калі вы хочаце ўбачыць плэйер для кіравання прайграваннем
відэа - варта дадаць атрыбут controls.
Без яго вы нічога не ўбачыце - гуку і выявы
пры гэтым таксама не будзе.
Часам размяшчаць відэа на самым сайце не
вельмі зручна (напрыклад, ваш хостiнг мае
абмежаванне па памеры сайта). У гэтым выпадку
відэа можна заліць на 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>
