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