Video tegi
video tegi HTML sahifasiga video qo‘shish imkonini beradi.
U yordamida ushbu videoni boshqarish ham mumkin.
Video fayliga yo‘l
src atributi yoki ichki source tegi orqali belgilanadi.
Agar siz videoni ijro etishni boshqarish uchun pleyerni ko‘rmoqchi bo‘lsangiz - controls atributini qo‘shishingiz kerak.
Undan foydalanmasangiz, siz hech narsani ko‘rolmaysiz - bu holda ovoz va tasvir ham bo‘lmaydi.
Ba'zan videoni saytning o'zida joylashtirish unchalik
qulay emas (masalan, sizning xostingingiz
sayt hajmi chekloviga ega). Bunday holda
videoni YouTube-ga yuklab, iframe tegi yordamida ulashingiz mumkin.
Atributlar
| Atribut | Tavsif |
|---|---|
src |
Video fayliga yo‘lni ko‘rsatadi.
Lekin buning uchun source tegi yordamida foydalanish yaxshiroqdir
(bu holda videoni turli formatlarda belgilash mumkin bo‘ladi).
|
preload |
Video faylini sayt sahifasi yuklanisi bilan bir vaqtda yuklash uchun ishlatiladi.
Qabul qilinadigan qiymatlar: none (fayl yuklanmaydi, standart),
metadata (faqat xizmat ko‘rsatish ma’lumotlari yuklanadi: ijro davomiyligi va hokazo),
auto (video butunlay HTML sahifasi yuklanganida yuklanadi).
|
autoplay |
Ovoz sahifa yuklanganidan so‘ng darhol ijro eta boshlaydi,
bu holda preload atributi mavjudligi e‘tiborga olinmaydi.
Qiymatsiz atribut. |
controls |
Videoga boshqaruv panelini qo‘shadi.
Qiymatsiz atribut. Standart (agar atribut bo‘lmasa) panel qo‘shilmaydi. |
loop |
Audio yozuvni "doira" bo‘yicha takrorlaydi:
tugagandan so‘ng u qaytadan ijro eta boshlaydi.
Qiymatsiz atribut. Standart (agar atribut bo‘lmasa) yozuv faqat 1 marta ijro etiladi.
|
poster |
Video mavjud bo‘lmagan yoki ijro etilayotgan bo‘lmaganda ko‘rsatiladigan rasmga yo‘l.
Agar poster atributi ko‘rsatilmagan bo‘lsa, brauzer videoning birinchi kadrini ko‘rsatishga harakat qiladi.
|
height |
height atributi video klipni ijro etish sohasining balandligini belgilaydi (pikselda
yoki foizlarda).
Video o‘zining o‘lchamlarini kattaroq yoki kichikroq tomonga o‘zgartiradi, berilgan balandlikka moslashadi,
lekin uning nisbatlari bu holda o‘zgarmaydi.
Standart qiymat: balandlik video parametrlaridan olinadi, agar bu qiymat mavjud bo‘lmasa, height atributining qiymati
poster atributidagi rasm balandligiga teng deb hisoblanadi.
Agar poster ham belgilanmagan bo‘lsa - balandlik
150 pikselga o‘rnatiladi.
|
width |
width atributi video klipni ijro etish sohasining kengligini belgilaydi (pikselda
yoki foizlarda).
Video o‘zining o‘lchamlarini kattaroq yoki kichikroq tomonga o‘zgartiradi, berilgan kenglikka moslashadi,
lekin uning nisbatlari bu holda o‘zgarmaydi.
Standart qiymat: kenglik video parametrlaridan olinadi, agar bu qiymat mavjud bo‘lmasa, width atributining qiymati
poster atributidagi rasm kengligiga teng deb hisoblanadi.
Agar poster ham belgilanmagan bo‘lsa - kenglik
150 pikselga o‘rnatiladi.
|
Misol . Sayt sahifasidagi pleyer
Keling, sahifaga video bilan pleyer qo‘shaylik.
video tegini qo‘llab-quvvatlamaydigan brauzerlar uchun
bu haqda maxsus yozuv qoldirilgan:
<video src="moovie.mp4" controls>
Sizning brauzeringiz HTML5 dagi videoni qo‘llab-quvvatlamaydi.
</video>
Misol .
Keling, video tegi uchun
source tegini qo‘shamiz:
<video>
<source src="moovie.mp4" controls>
Sizning brauzeringiz HTML5 dagi videoni qo‘llab-quvvatlamaydi.
</video>
