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>
Сизнинг браузерингиз HTML5 даги videoни қўллаб-қувватламайди.
</video>
Мисол .
Келинг video теги учун
source тегини қўшайлик:
<video>
<source src="moovie.mp4" controls>
Сизнинг браузерингиз HTML5 даги videoни қўллаб-қувватламайди.
</video>
