HTML YouTube


HTML’da videolarni ijro etishning eng oson usuli — YouTube’dan foydalanish.


ULASHISH

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
  • src atributi video URL manziliga ishora qilsin
  • Pleyer o‘lchamlarini belgilash uchun width va height atributlaridan 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!