<video>
Misol
Videoni ijro etish:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
<video> tegi hujjatga film lavhasi yoki boshqa video oqimlar kabi video kontentni joylashtirish uchun ishlatiladi.
<video> tegi turli video manbalarga ega bir yoki bir nechta <source> tegini o‘z ichiga oladi. Brauzer o‘zi qo‘llab-quvvatlaydigan birinchi manbani tanlaydi.
<video> va </video> teglari orasidagi matn faqat <video> elementini qo‘llab-quvvatlamaydigan brauzerlarda ko‘rsatiladi.
HTML’da uchta video format qo‘llab-quvvatlanadi: MP4, WebM va OGG.
| Brauzer | MP4 | WebM | Ogg |
|---|---|---|---|
| Edge | HA | HA | HA |
| Chrome | HA | HA | HA |
| Firefox | HA | HA | HA |
| Safari | HA | HA | YO‘Q |
| Opera | HA | HA | HA |
Maslahatlar va eslatmalar
Maslahat: Audio fayllar uchun
<audio> tegiga qarang.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar elementni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Element | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
Ixtiyoriy atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| autoplay | autoplay | Video tayyor bo‘lishi bilanoq ijro etila boshlashini belgilaydi |
| controls | controls | Video boshqaruv elementlari (masalan, ijro/pauza tugmasi va h.k.) ko‘rsatilishi kerakligini belgilaydi. |
| height | pixels | Video pleyer balandligini o‘rnatadi |
| loop | loop | Video har safar tugaganda qaytadan boshlanishini belgilaydi |
| muted | muted | Videoning audio chiqishi o‘chirilishi kerakligini bildiradi |
| poster | URL | Video yuklanayotganda yoki foydalanuvchi ijro tugmasini bosguncha ko‘rsatiladigan rasmni belgilaydi |
| preload | auto metadata none |
Sahifa yuklanganda video yuklanishi kerakmi va qanday yuklanishi kerakligi haqidagi muallif fikrini belgilaydi |
| src | URL | Video faylning URL manzilini belgilaydi |
| width | pixels | Video pleyer kengligini o‘rnatadi |
Global atributlar
<video> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<video> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Tegishli sahifalar
HTML DOM ma’lumotnomasi: HTML audio/video
Standart CSS sozlamalari
Yo‘q.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!