HTML YouTube
HTML’da videolarni ijro etishning eng oson usuli — YouTube’dan foydalanish.
Video formatlari bilan qiynalyapsizmi?
Videolarni turli formatlarga o‘zgartirish qiyin va vaqt talab qilishi mumkin.
Osonroq yechim — YouTube’ga veb-sahifangizda videolarni ijro etishga ruxsat berish.
YouTube video identifikatori
YouTube video saqlanganda (yoki ijro etganda) id ko‘rsatadi (masalan, tgbNymZ7vqY).
Bu id dan foydalanib, HTML kodida videongizga ishora qilishingiz mumkin.
HTML’da YouTube videoni ijro etish
Videongizni veb-sahifada ijro etish uchun quyidagilarni bajaring:
- Videoni YouTube’ga yuklang
- Video id sini qayd qilib oling
- Veb-sahifangizda
<iframe>elementini belgilang srcatributi video URL manziliga ishora qilsin- Pleyer o‘lchamlarini belgilash uchun
widthvaheightatributlaridan foydalaning - URL manzilga boshqa parametrlarni qo‘shing (quyiga qarang)
Misol
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
O‘zingiz sinab ko‘ring »
YouTube avtomatik ijro + ovoz o‘chirish
YouTube URL manziliga autoplay=1 qo‘shib, foydalanuvchi sahifaga tashrif
buyurganda videongizni avtomatik ijro etishga imkon berishingiz mumkin.
Biroq, videoning avtomatik boshlanishi tashrif buyuruvchilaringizni bezovta qiladi!
Eslatma: Chromium brauzerlari ko‘p hollarda avtomatik ijro etishga ruxsat bermaydi. Biroq, ovozsiz avtomatik ijro etish doim ruxsat etiladi.
Video avtomatik ravishda, lekin ovozsiz ijro etilishi uchun autoplay=1 dan keyin mute=1 qo‘shing.
YouTube - avtomatik ijro + ovozsiz
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
O‘zingiz sinab ko‘ring »
YouTube pleylisti
Ijro etiladigan videolar ro‘yxati (asl URL manzilga qo‘shimcha), vergul bilan ajratilgan.
YouTube takroriy ijro
Videongiz abadiy takrorlanishi uchun playlist=videoID va loop=1 ni qo‘shing.
loop=0 (standart) - Video faqat bir marta ijro etiladi.
loop=1 - Video takrorlanadi (abadiy).
YouTube - cheksiz takrorlash
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
O‘zingiz sinab ko‘ring »
YouTube boshqaruv elementlari
Video pleyerda boshqaruv elementlarini ko‘rsatmaslik uchun controls=0 ni qo‘shing.
controls=0 - Pleyer boshqaruv elementlari ko‘rsatilmaydi.
controls=1 (standart) - Pleyer boshqaruv elementlari ko‘rsatiladi.
YouTube - boshqaruv elementlari
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
