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